Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): " class=" ">http://cms-api.transcend.cargoffer.com/?route=product/index&language in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): //cms-api.transcend.cargoffer.com/?route=product/category/index&taxonomy_item_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): cend.cargoffer.com/?route=product/category/index&taxonomy_item_id=61&taxonomy_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): goffer.com/?route=product/category/index&taxonomy_item_id=61&taxonomy_id=4&image in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): /?route=product/category/index&taxonomy_item_id=61&taxonomy_id=4&image=&template in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): duct/category/index&taxonomy_item_id=61&taxonomy_id=4&image=&template=&parent_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): index&taxonomy_item_id=61&taxonomy_id=4&image=&template=&parent_id=50&sort_order in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): onomy_item_id=61&taxonomy_id=4&image=&template=&parent_id=50&sort_order=4&status in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): _id=61&taxonomy_id=4&image=&template=&parent_id=50&sort_order=4&status=1&site_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): y_id=4&image=&template=&parent_id=50&sort_order=4&status=1&site_id=1&language_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): image=&template=&parent_id=50&sort_order=4&status=1&site_id=1&language_id=1&name in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): e=&parent_id=50&sort_order=4&status=1&site_id=1&language_id=1&name=Desktops&slug in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): ort_order=4&status=1&site_id=1&language_id=1&name=Desktops&slug=desktops&content in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): ktops&slug=desktops&content=Example+of+taxonomy_item+description+text&meta_title in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): t=Example+of+taxonomy_item+description+text&meta_title=Desktops&meta_description in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): tle=Desktops&meta_description=Example+of+taxonomy_item+description&meta_keywords in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): &meta_description=Example+of+taxonomy_item+description&meta_keywords=&product_id in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): Entity: line 1: parser error : EntityRef: expecting ';' in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string(): ption=Example+of+taxonomy_item+description&meta_keywords=&product_id=12&language in /var/www/html/plugins/seo/app.php on line 77

Warning: simplexml_load_string():                                                                                ^ in /var/www/html/plugins/seo/app.php on line 77
<!DOCTYPE html>
<html lang="es" >

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="utf-8">

  <base href="">

  <title>Product 12 - Cargoffer</title>

  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">
  <link rel="canonical" href="">

  
  
  <link rel="stylesheet" href="/assets-cache/landing-custom-fonts-style-bundle.css">








  <link rel="sitemap" type="application/xml" title="Sitemap" href="/feed/index">
  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts">
  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/pages">
  <link rel="alternate" type="application/rss+xml" title="Products" href="/feed/products">
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments">

  

  <link rel="manifest" href="/manifest.webmanifest">

  <link rel="alternate" hreflang="es" href="https://cms-api.transcend.cargoffer.com/product/es"><link rel="shortcut icon" href="/media/logo.png" type="image/png" data-v-global-site.logo><link rel="icon" type="image/x-icon" href="/media/favicon.ico" data-v-global-site.favicon></head>


<body>
  <nav class="navigation-1 clearfix" data-v-save-global="blank.html,.navigation-1">
    <div class="navbar navbar-expand-md">

      <div class="container">
        <div data-v-component-site >
          
          <a class="navbar-brand" href="/" data-v-site-url>
            <span class="visually-hidden">Logo</span>
            <img src="/media/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
            <img src="/media/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
            <img src="/media/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
            <img src="/media/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
          </a>
        </div>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
          <ul class="navbar-nav ms-auto" data-v-menu-items>
            <li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="42" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/en/">
                <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Home</span>                              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="43" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/?route=product/index&amp;language=en">
                <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Shop</span>                              </a>

                          </li><li class="nav-item dropdown   has-dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="67" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link   dropdown-toggle" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/page/about">
                                <span data-v-menu-item-content data-v-if="category.content" class=" "><img src="../../media/vvveb.svg" height="24" alt="" class="me-2">Mega menu</span>              </a>

                          <div class="dropdown-menu" data-v-menu-item-recursive>
                <div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="68" data-v-component="menu" data-v-type="menu-item">
                  <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/page/about" data-v-menu-item-url>
                                        <span data-v-menu-item-content data-v-if="category.content" class=" "><div class="row">
	<div class="col-4 align-self-center"><img src="../../media/vvveb.svg" alt="Post" width="250" loading="lazy" class="rounded img-fluid"></div>
	<div class="col-8">
		<h4>Features</h4>
		<p class="text-muted">Just a few mentions, but there is more</p>
		<ul class="list-unstyled">
			<li class="text-primary">Page builder</li>
			<li class="text-primary">Mega menu</li>
			<li class="text-primary">Multi language</li>
			<li class="text-primary">Advanced SEO</li>
			<li class="text-primary">Ecommerce</li>
		</ul>
	</div>
</div></span>                  </a>
                </div>                
              </div></li><li class="nav-item dropdown   has-dropdown" data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="63" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link   dropdown-toggle" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/en/page/services">
                <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Services</span>                              </a>

                          <div class="dropdown-menu" data-v-menu-item-recursive>
                <div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="64" data-v-component="menu" data-v-type="menu-item">
                  <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/en/page/pricing" data-v-menu-item-url>
                    <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Pricing</span>                                      </a>
                </div><div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="65" data-v-component="menu" data-v-type="menu-item">
                  <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/en/page/services" data-v-menu-item-url>
                    <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Services</span>                                      </a>
                </div><div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="66" data-v-component="menu" data-v-type="menu-item">
                  <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/en/page/portfolio" data-v-menu-item-url>
                    <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Portfolio</span>                                      </a>
                </div>                
              </div></li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="46" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/en/blog">
                <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Blog</span>                              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="49" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/en/page/contact">
                <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Contact us</span>                              </a>

                          </li>            
            
            

            <li class="nav-toggle">
              
              <div class="dropdown nav-item">
                <a class="dropdown-toggle nav-link " href="/user" role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
                  
                  
                  <svg width="20px" viewbox="0 0 24 24" fill="none">
                    <path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>

                  <span class="visually-hidden">User</span>
                </a>

                <div class="dropdown-menu dropdown-menu-end login-box user-box" aria-labelledby="user-dropdown">

                  <div data-v-component-user>
                    <div class="notifications " data-v-notifications>

                      
                      
                      
                    </div>

                    <form action="/user/login" method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-v-vvveb-action="login" data-v-vvveb-on="submit" class="login-form">

                      <input type="hidden" name="csrf" data-v-csrf value="w9433yzrDkta92vc">

                      <div class="login-form " data-v-if-not="component.user_id">

                        <div class="mb-3">
                          <input type="email" name="email" value="" placeholder=" " id="user-email" class="form-control label-over" data-v-user-email required>
                          <label class="form-label" for="user-email">E-Mail Address</label>
                        </div>

                        <div class="mb-3">

                          <div class="input-group">
                            <input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control label-over" placeholder=" " id="user-password" name="password" value="" aria-label="Password" required>
                            <label class="form-label" for="user-password">Password</label>
                            <button class="btn btn-sm px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'user-password')">
                              <i class="la la-eye-slash"></i>
                            </button>
                          </div>
                        </div>

                        <button type="submit" value="Login" class="btn btn-primary py-2 btn-login w-100">

                          <span class="loading d-none">
                            <span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
                            </span>
                            <span>Authenticating</span>... </span>

                          <span class="button-text">
 Login <i class="la la-arrow-right ms-2"></i>
                          </span>

                        </button>
                        <div class="my-2"></div>
                        <a href="/user/reset" data-v-url="user/reset/index" class="my-2">Forgot your password?</a>

                        <div class="my-2"></div>
                        
                        <hr class="text-secondary">
                        <span>Don’t have an account?</span>
                        <br>
                        <a href="/user/signup" data-v-url="user/signup/index">Register Account</a>
                        <span class="text-body-tertiary">|</span>
                        <a href="/user/login" data-v-url="user/login/index">Login</a>

                      </div>

                                          </form>


                  </div>
                </div>
              </div>

            </li>


            <li class="nav-toggle">
              
              <div class="dropdown nav-item mini-cart" data-v-component-cart>
                <a class="dropdown-toggle cart-info nav-link" role="button" id="cart-dropdown" data-bs-toggle="offcanvas" href="#cart-offcanvas" aria-controls="cart-offcanvas">
                  
                  
                  <svg width="20px" viewbox="0 0 24 24" fill="none">
                    <path d="M15.9996 8C15.9996 9.06087 15.5782 10.0783 14.828 10.8284C14.0779 11.5786 13.0605 12 11.9996 12C10.9387 12 9.92131 11.5786 9.17116 10.8284C8.42102 10.0783 7.99959 9.06087 7.99959 8M3.63281 7.40138L2.93281 15.8014C2.78243 17.6059 2.70724 18.5082 3.01227 19.2042C3.28027 19.8157 3.74462 20.3204 4.33177 20.6382C5.00006 21 5.90545 21 7.71623 21H16.283C18.0937 21 18.9991 21 19.6674 20.6382C20.2546 20.3204 20.7189 19.8157 20.9869 19.2042C21.2919 18.5082 21.2167 17.6059 21.0664 15.8014L20.3664 7.40138C20.237 5.84875 20.1723 5.07243 19.8285 4.48486C19.5257 3.96744 19.0748 3.5526 18.5341 3.29385C17.92 3 17.141 3 15.583 3L8.41623 3C6.85821 3 6.07921 3 5.4651 3.29384C4.92433 3.5526 4.47349 3.96744 4.17071 4.48486C3.82689 5.07243 3.76219 5.84875 3.63281 7.40138Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>

                                  </a>


              </div>

            </li>

            <li class="nav-toggle">
              <div class="dropdown nav-item" data-v-component-language>                <div data-v-component-currency>                  <form method="post" enctype="multipart/form-data" id="form-language">

                    <a class="dropdown-toggle nav-link" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
                      
                      <span class="" data-v-language-info-slug></span>
                    </a>


                    <div class="dropdown-menu">

                      <div data-v-language>
                        <button class="dropdown-item " type="submit" value="es" name="language" data-v-language-code formaction="https://cms-api.transcend.cargoffer.com/product/es">
                          <img src="/img/flags/es.png" loading="lazy" class="me-1" data-v-language-img>
                          <span data-v-language-name>Spanish</span>
                        </button>
                      </div>
            <li>
              <hr class="dropdown-divider">
            </li>

            <div data-v-currency>
              <button class="dropdown-item active" type="submit" value="USD" name="currency" data-v-currency-code>
                <span data-v-currency-sign_start>$</span>
                <span data-v-currency-sign_end></span>
                <span class="ms-1" data-v-currency-name>US Dollar</span>
              </button>
            </div>

        </div>
        </form>
      </div>
    </div>
    </li>
    <li class="nav-item">
      <a id="color-theme-switch" class="nav-link px-1" role="button" title="Switch sidebar color theme">
        <i class="la la-sun"></i>
      </a>
    </li>
    
    </ul>



    <button class="btn btn-outline-secondary btn-sm border-0 shadow-none" type="submit" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
      <div class="la-flip-horizontal">
        <i class="la la-search la-lg" aria-hidden="true"></i>
      </div>
    </button>


    
    </div>


    </div>
    </div>
  </nav>



  <main id="site-content" role="main">
    <div class="container product" data-v-component-product data-v-product_variant_id="url" data-v-id="12">

      <nav aria-label="breadcrumb" class="text-muted text-small" data-v-component-breadcrumb>        <ol class="breadcrumb">
          <li class="breadcrumb-item" data-v-breadcrumb-item>
            <a data-v-breadcrumb-item-url data-v-if="breadcrumb.url" href="/en/" class=" ">
              <span data-v-breadcrumb-item-text>Home</span>
            </a>                      </li><li class="breadcrumb-item" data-v-breadcrumb-item>
            <a data-v-breadcrumb-item-url data-v-if="breadcrumb.url" href="/?route=product/index&amp;language=en" class=" ">
              <span data-v-breadcrumb-item-text>Shop</span>
            </a>                      </li><li class="breadcrumb-item" data-v-breadcrumb-item>
            <a data-v-breadcrumb-item-url data-v-if="breadcrumb.url" href="/?route=product/category/index&amp;taxonomy_item_id=61&amp;taxonomy_id=4&amp;image=&amp;template=&amp;parent_id=50&amp;sort_order=4&amp;status=1&amp;site_id=1&amp;language_id=1&amp;name=Desktops&amp;slug=desktops&amp;content=Example+of+taxonomy_item+description+text&amp;meta_title=Desktops&amp;meta_description=Example+of+taxonomy_item+description&amp;meta_keywords=&amp;product_id=12&amp;language=en" class=" ">
              <span data-v-breadcrumb-item-text>Desktops</span>
            </a>                      </li><li class="breadcrumb-item" data-v-breadcrumb-item>
                        <span data-v-breadcrumb-item-text data-v-if-not="breadcrumb.url" class=" ">Product 12</span>          </li>          
          
        </ol>
      </nav>

      <div class="row g-5 mb-4">
        <div class="col-lg-8 col-md-6 col-sm-12">

          <div id="product-gallery" class="carousel slide" data-bs-ride="carousel" data-bs-touch="true" data-v-product-images>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <div data-v-class-if-zoom="product.image" data-v-product-main-image-background-image style="background-image: url('/image-cache/demo/products/2-1-800x1021_cs.webp');" class="  zoom">
                  <img src="/image-cache/demo/products/2-1-800x1021_cs.webp" loading="lazy" class="d-block w-100 " alt="" data-v-if="product.image" data-v-product-main-image>                                  </div>
              </div>
              <div class="carousel-item" data-v-product-image>
                <div class="zoom" data-v-product-image-background-image style="background-image: url('/image-cache/demo/products/2-1-800x1021_cs.webp');">
                  <img src="/image-cache/demo/products/2-1-800x1021_cs.webp" loading="lazy" class="d-block w-100" alt="" data-v-product-image-src data-v-id="" data-v-type="product_image">
                </div>
              </div><div class="carousel-item" data-v-product-image>
                <div class="zoom" data-v-product-image-background-image style="background-image: url('/image-cache/demo/products/2-2-800x1021_cs.webp');">
                  <img src="/image-cache/demo/products/2-2-800x1021_cs.webp" loading="lazy" class="d-block w-100" alt="" data-v-product-image-src data-v-id="" data-v-type="product_image">
                </div>
              </div><div class="carousel-item" data-v-product-image>
                <div class="zoom" data-v-product-image-background-image style="background-image: url('/image-cache/demo/products/3-3-800x1021_cs.webp');">
                  <img src="/image-cache/demo/products/3-3-800x1021_cs.webp" loading="lazy" class="d-block w-100" alt="" data-v-product-image-src data-v-id="" data-v-type="product_image">
                </div>
              </div>              
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#product-gallery" data-bs-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#product-gallery" data-bs-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Next</span>
            </button>
          </div>

          <div class="carousel">

            <div class="carousel-thumbs" data-v-product-images>
              <button type="button" data-bs-target="#product-gallery" class="img-thumbnail" data-bs-slide-to="3">
                <img src="/image-cache/demo/products/2-1-800x1021_cs.webp" alt="" class="d-block w-100" loading="lazy" data-v-product-main-image>
              </button>
              <button type="button" data-bs-target="#product-gallery" class="img-thumbnail" data-bs-slide-to="0" data-v-product-image formaction="/image-cache/demo/products/2-1-800x1021_cs.webp">
                <img src="/image-cache/demo/products/2-1-800x1021_cs.webp" alt="" class="d-block w-100" loading="lazy" data-v-product-image-src data-v-id="" data-v-type="product_image">
              </button><button type="button" data-bs-target="#product-gallery" class="img-thumbnail" data-bs-slide-to="1" data-v-product-image formaction="/image-cache/demo/products/2-1-800x1021_cs.webp">
                <img src="/image-cache/demo/products/2-2-800x1021_cs.webp" alt="" class="d-block w-100" loading="lazy" data-v-product-image-src data-v-id="" data-v-type="product_image">
              </button><button type="button" data-bs-target="#product-gallery" class="img-thumbnail" data-bs-slide-to="2" data-v-product-image formaction="/image-cache/demo/products/2-1-800x1021_cs.webp">
                <img src="/image-cache/demo/products/3-3-800x1021_cs.webp" alt="" class="d-block w-100" loading="lazy" data-v-product-image-src data-v-id="" data-v-type="product_image">
              </button>              
              
            </div>

          </div>



        </div>

        <div class="col-lg-4 col-md-6 col-sm-12 p-4" id="product">
          <h1 class="product-name mb-2" data-v-product-name>Product 12</h1>

          <div data-v-if="product.manufacturer_id" class=" ">
            <span class="text-muted">Manufacturer</span>
            <a data-v-product-manufacturer_url href="/brand/assos">
              <span data-v-product-manufacturer_name>Assos</span>
            </a>
          </div>
          <div data-v-if="product.vendor_id" class=" ">
            <span class="text-muted">Vendor</span>
            <a data-v-product-vendor_url href="/?route=product/vendor/index&amp;slug=vendor-1">
              <span data-v-product-vendor_name>Vendor 1</span>
            </a>
          </div>
          <div>
            <span class="text-muted">Availability</span>
            <span data-v-product-stock_status_name>1 Week</span>
          </div>

          


          <div class="my-2">
                                  </div>


          
          <p class="product-price " data-v-if-not="product.promotion">
                        <span class="price " data-v-if="product.price &gt; 0" data-v-product-price_tax_formatted>$129.00</span>            <span class="badge text-bg-secondary on-sale mx-1 align-text-bottom  d-none" data-v-class-if-d-none="product.old_price &lt;= 0">Sale</span>
          </p>

          <span class="muted small">
            <span>Excluding taxes:</span>
            <span data-v-product-price_formatted>$100.00</span>
          </span>

          

          

          <div id="variants" class="product-variants" data-v-component-product-variants>            
            <script  >
delete productVariants;
var productVariants = []</script>
          </div>


          <form class="cart-form clearfix" method="post" action="/cart">

            <div class="cart-fav-box ">
              
              

              <input type="hidden" name="product_id" value="12" data-v-product-product_id>
              <input type="hidden" name="product_variant_id" value="">

              <div>
                <div id="product-options" class="product-options mt-4" data-v-component-product-options data-v-product_variant_id="url">                                  </div>

                <script  >
delete productOptions;
var productOptions = []</script>


                <div id="subscriptions" class="product-subscriptions mt-4" data-v-component-product-subscriptions>                                  </div>


                <hr class="border opacity-50">

                <div class="form-group">

                  <div class="mt-4 d-inline-block">
                    
                    <div class="quantity mb-2">
                      <div class="input-group spinner">
                        <button class="btn btn-minus" type="button">
                          <i class="la la-minus"></i>
                        </button>
                        <input type="number" name="quantity" value="1" size="1" min="2" max="990" id="input-quantity" class="form-control">
                        <button class="btn btn-plus" type="button">
                          <i class="la la-plus"></i>
                        </button>
                      </div>
                    </div>

                    <button type="submit" formaction="" id="button-cart" class="btn btn-primary btn-shadow w-100 button-cart " data-v-vvveb-action="addToCart" data-v-product-add_cart_url >

                      <span class="loading d-none">
                        <span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
                        </span>
                        <span>Add to cart</span>... </span>

                      <span class="button-text">
                        <i class="la la-shopping-bag la-lg me-2"></i>
                        <span>Add to cart</span>
                      </span>

                    </button>

                    <button type="submit" formaction="/?route=checkout/checkout/index&amp;product_id=12" id="buynow" class="btn btn-light btn-shadow border w-100 w-100 buynow " data-v-product-buy_url >

                      <span class="loading d-none">
                        <span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
                        </span>
                        <span>Add to cart</span>... </span>

                      <span class="button-text">
                        <span>Buy now</span>
                        <i class="la la-arrow-right la-lg ms-2"></i>
                      </span>

                    </button>
                  </div>

                  <div class="product_wish_compare mt-4">
                    <a href="/user/wishlist/add/12" class="btn btn-sm btn-outline-secondary border-0" title="Add to wish list" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
                      <i class="la la-heart"></i>
                      <span>Add to Wish List</span>
                    </a>
                    <a href="/cart/compare/add/12" class="btn btn-sm btn-outline-secondary border-0" title="Compare product" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
                      <i class="la la-random"></i>
                      <span>Compare product</span>
                    </a>
                  </div>

                </div>


                <div data-v-component-fields data-v-type="product" data-v-subtype="@@subtype">
                  <div class="list-unstyled" data-v-fields>

                    
                  </div>

                </div>



              </div>

            </div>
          </form>

        </div>
      </div>

      <ul class="nav nav-tabs nav-scroll bg-body sticky-top mt-5" id="productTabs" role="tablist">
        <li class="nav-item" role="presentation">
          <a class="nav-link active" id="description-tab" data-bs-target="#description" href="#description" type="button" role="tab" aria-controls="description" aria-selected="true">
 Description </a>
        </li>
        <li class="nav-item" role="presentation">
          <a class="nav-link" id="specifications-tab" data-bs-target="#specifications" href="#specifications" type="button" role="tab" aria-controls="specifications" aria-selected="false">
 Specifications </a>
        </li>
        <li class="nav-item" role="presentation">
          <a class="nav-link" id="reviews-tab" data-bs-target="#reviews" href="#reviews" type="button" role="tab" aria-controls="reviews" aria-selected="false">
 Reviews </a>
        </li>
        <li class="nav-item" role="presentation">
          <a class="nav-link" id="questions-tab" data-bs-target="#questions" href="#questions" type="button" role="tab" aria-controls="questions" aria-selected="false">
 Questions & Answers </a>
        </li>
      </ul>

      <div class="tab-content nav-scroll" id="productTabsContent" data-bs-spy="scroll" data-bs-target="#productTabs" data-bs-root-margin="0px 0px -20%" data-bs-smooth-scroll="false">

        <div class="tab-pane show active" id="description" role="tabpanel" aria-labelledby="description-tab" tabindex="0">

          <h4>Description</h4>

          <div class="description" data-v-product-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>


        </div>
        <div class="tab-pane" id="specifications" role="tabpanel" aria-labelledby="specifications-tab" tabindex="0">
          <div id="specifications" class="product-specifications mt-4" data-v-component-product-attributes>            <h4>Specifications</h4>

            <div class="table-responsive">
              <table class="table table-bordered">
                              </table>
            </div>
          </div>

        </div>
        <div class="tab-pane" id="reviews" role="tabpanel" aria-labelledby="reviews-tab" tabindex="0">
          <div class="product-reviews mt-4" data-v-component-reviews>            <h4>Reviews</h4>

            
            <div data-v-if="count = 0" class=" ">
              <div class=" p-4 mb-4 bg-body-tertiary border">
                <h6>Be the first to write a review!</h6>
              </div>
            </div>
            <div class="notifications " data-v-notifications>

              
              
              
            </div>

            <button data-bs-toggle="collapse" href="#reviews-form" role="button" aria-expanded="false" aria-controls="reviews-form" class="btn btn-light btn-sm border">
              <span>Leave review</span>
              <i class="la la-angle-down ms-2"></i>
            </button>

            <div class="reviews-form collapse mt-4" id="reviews-form">


              <h5>Leave a review</h5>
              <span class="replyto" style="display:none">
                <h3>Reply to <b data-review-author>author</b>
                </h3>
                <a href="#review-form" class="reply-btn d-inline-block" data-review_id="0" data-v-vvveb-action="replyTo">
 Cancel review <i class="la la-window-close"></i>
                </a>
              </span>


              
              <form id="review-form" method="post" action="" data-v-vvveb-action="addReview" data-v-vvveb-on="submit">

                <input type="hidden" name="product_id" data-v-product-product_id value="12">
                <input type="hidden" name="slug" data-v-product-slug value="product-twelve">
                <input type="hidden" name="parent_id" value="0">
                <input type="hidden" name="csrf" data-v-csrf value="w9433yzrDkta92vc">

                
                <input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">


                <div data-v-if-not="this.global.user_id" class=" ">
                  <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">Name</label>
                    <input type="text" placeholder="Name" name="author" class="form-control" required>
                  </div>
                  <div class="mb-3">
                    <label for="exampleInputPassword1" class="form-label">Email address</label>
                    <input type="email" placeholder="Email" name="email" class="form-control" required>
                  </div>
                </div>
                <div class="mb-3">
                  <input type="radio" name="rating" value="1" id="onestar" class="form-check-input btn-check" required>
                  <label class="form-check-label btn btn-outline-secondary btn-sm border-secondary-subtle" for="onestar">
                    <i class="la la-lg la-star text-warning"></i>
                    1 <span>Star</span>
                  </label>
                  <input type="radio" name="rating" value="2" id="twostars" class="form-check-input btn-check" required>
                  <label class="form-check-label btn btn-outline-secondary btn-sm border-secondary-subtle" for="twostars">
                    <i class="la la-lg la-star text-warning"></i>
                    2 <span>Stars</span>
                  </label>
                  <input type="radio" name="rating" value="3" id="threestars" class="form-check-input btn-check" required>
                  <label class="form-check-label btn btn-outline-secondary btn-sm border-secondary-subtle" for="threestars">
                    <i class="la la-lg la-star text-warning"></i>
                    3 <span>Stars</span>
                  </label>
                  <input type="radio" name="rating" value="4" id="fourstars" class="form-check-input btn-check" required>
                  <label class="form-check-label btn btn-outline-secondary btn-sm border-secondary-subtle" for="fourstars">
                    <i class="la la-lg la-star text-warning"></i>
                    4 <span>Stars</span>
                  </label>
                  <input type="radio" name="rating" value="5" id="fivestars" class="form-check-input btn-check" checked required>
                  <label class="form-check-label btn btn-outline-secondary btn-sm border-secondary-subtle" for="fivestars">
                    <i class="la la-lg la-star text-warning"></i>
                    5 <span>Stars</span>
                  </label>
                </div>

                <div class="mb-3">
                  <textarea name="content" rows="5" cols="4" placeholder="Enter product review ..." class="form-control" required></textarea>
                </div>

                
                <input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">

                <input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">

                <button type="submit" value="review" class="btn btn-primary btn-submit">
                  <span class="loading d-none">
                    <span class="spinner-border spinner-border-sm align-middle" role="status"> </span>
                    <span>Posting</span>... </span>

                  <span class="button-text">
                    <span>Post review</span>
                    <i class="la la-long-arrow-alt-right ms-1"></i>
                  </span>
                </button>

              </form>

            </div>
          </div>

        </div>
        <div class="tab-pane" id="questions" role="tabpanel" aria-labelledby="questions-tab" tabindex="0">
          <div class="product-questions mt-4" data-v-component-questions>            <h4 class="border-top pt-4">Questions and answers</h4>

            <ol class="question-list list-unstyled my-3">
                            
              
            </ol>

            <div class="notifications " data-v-notifications>

              
              
              
            </div>

            <button data-bs-toggle="collapse" href="#questions-form" role="button" aria-expanded="false" aria-controls="questions-form" class="btn btn-light btn-sm border">
              <span>Ask question</span>
              <i class="la la-angle-down ms-2"></i>
            </button>

            <div class="questions-form collapse mt-4" id="questions-form">


              <h5>Leave a reply</h5>
              <span class="replyto" style="display:none">
                <h3>Reply to <b data-question-author>author</b>
                </h3>
                <a href="#question-form" class="reply-btn d-inline-block" data-question_id="0" data-v-vvveb-action="replyTo">
 Cancel reply <i class="la la-window-close"></i>
                </a>
              </span>


              
              <form id="question-form" method="post" action="" data-v-vvveb-action="addQuestion" data-v-vvveb-on="submit">

                <input type="hidden" name="product_id" data-v-product-product_id value="12">
                <input type="hidden" name="slug" data-v-product-slug value="product-twelve">
                <input type="hidden" name="parent_id" value="0">
                <input type="hidden" name="csrf" data-v-csrf value="w9433yzrDkta92vc">

                
                <input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">


                <div data-v-if-not="this.global.user_id" class=" ">
                  <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">Name</label>
                    <input type="text" placeholder="Name" name="author" class="form-control" required>
                  </div>
                  <div class="mb-3">
                    <label for="exampleInputPassword1" class="form-label">Email address</label>
                    <input type="email" placeholder="Email" name="email" class="form-control" required>
                  </div>
                </div>
                <div class="mb-3">
                  <textarea name="content" rows="5" cols="4" placeholder="Enter product question ..." class="form-control" required></textarea>
                </div>

                
                <input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">

                <input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">

                <button type="submit" value="question" class="btn btn-primary btn-submit">
                  <span class="loading d-none">
                    <span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
                    <span>Posting</span>... </span>

                  <span class="button-text">
                    <span>Post question</span>
                    <i class="la la-long-arrow-alt-right ms-1"></i>
                  </span>
                </button>

              </form>
            </div>

          </div>

        </div>
      </div>


      <div data-v-component-products="index" data-v-related="url.product_id" data-v-limit="6" data-v-page="url">              </div>
    </div>
  </main>


  <footer class="footer-3 bg-dark text-white" title="footer-3" data-v-save-global="index.html,.footer-3" data-bs-theme="dark">
    <div class="container" data-v-component-menu="footer" data-v-slug="main-footer">

      <div class="row" data-v-menu-items>


        <div class="col-md">

          <div data-v-component-site >
            <img src="/media/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
            <img src="/media/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
          </div>

        </div>


        <div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="50" data-v-component="menu" data-v-type="menu-item">
          <div class="h6" data-v-menu-item-name>Vvveb</div>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="51" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/" data-v-menu-item-url>
                <span data-v-menu-item-name>Home</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="52" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/?route=product/index&amp;language=en" data-v-menu-item-url>
                <span data-v-menu-item-name>Shop</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="74" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/en/blog" data-v-menu-item-url>
                <span data-v-menu-item-name>Blog</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="75" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/en/page/services" data-v-menu-item-url>
                <span data-v-menu-item-name>Services</span>
              </a>
            </div>            
            
            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="53" data-v-component="menu" data-v-type="menu-item">
          <div class="h6" data-v-menu-item-name>Information</div>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="77" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/brand" data-v-menu-item-url>
                <span data-v-menu-item-name>Brands</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="78" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/vendor" data-v-menu-item-url>
                <span data-v-menu-item-name>Vendors</span>
              </a>
            </div>            
            
            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="56" data-v-component="menu" data-v-type="menu-item">
          <div class="h6" data-v-menu-item-name>Contact us</div>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="57" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/en/page/contact" data-v-menu-item-url>
                <span data-v-menu-item-name>Contact us</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="58" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/en/page/portfolio" data-v-menu-item-url>
                <span data-v-menu-item-name>Portfolio</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="73" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/return-form" data-v-menu-item-url>
                <span data-v-menu-item-name>Returns</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="76" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/en/page/about" data-v-menu-item-url>
                <span data-v-menu-item-name>About</span>
              </a>
            </div>            
            
            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="69" data-v-component="menu" data-v-type="menu-item">
          <div class="h6" data-v-menu-item-name>My account</div>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="70" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/order-tracking" data-v-menu-item-url>
                <span data-v-menu-item-name>Order tracking</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="71" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/wishlist" data-v-menu-item-url>
                <span data-v-menu-item-name>Wishlist</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="72" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/orders" data-v-menu-item-url>
                <span data-v-menu-item-name>Order history</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="79" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/cart/compare" data-v-menu-item-url>
                <span data-v-menu-item-name>Compare</span>
              </a>
            </div>            
            
            
          </nav></div>
        

        

        



      </div>
      

    </div>

    <div class="footer-copyright">
      <div class="container">
        <div class="d-flex flex-column flex-md-row">
          <div class="text-muted flex-grow-1">
            <a class="btn-link text-muted" href="/page/terms-conditions">Terms and conditions</a> |
            <a class="btn-link text-muted" href="/page/privacy-policy">Privacy Policy</a>
          </div>
          <div class="text-muted">
 © <span data-v-global-current_year>2026</span>
            <span data-v-global-site.description.title>Cargoffer</span>. <span>Powered by</span>
            <a href="https://vvveb.com" class="btn-link text-muted" target="_blank">Vvveb</a>
          </div>
        </div>
      </div>
    </div>

  </footer>



  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
 Product was added to cart. </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable">
      <div class="modal-content shadow">
        <div class="modal-body p-0">

          <form action="/search" method="get">
            <input type="hidden" name="route" value="search">
            <div class="d-flex">
              <div class="input-group">
                <input type="search" name="search" class="form-control border-0 p-3 px-4" id="headerSearch" placeholder="Start typing to search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
                <button class="btn btn-outline-primary border-0" type="submit" title="Search">
                  <div class="la-flip-horizontal">
                    <i class="la la-search la-lg" aria-hidden="true"></i>
                  </div>
                </button>
              </div>
            </div>

            <div class="loading d-none d-flex justify-content-center m-5">
              <div class="spinner-border" role="status">
                <span class="visually-hidden">Loading...</span>
              </div>
            </div>
          </form>

          <div class="search-results">
          </div>

        </div>
      </div>
      <button type="button" class="btn-close btn-close-white small" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>

  </div>


  <div class="offcanvas offcanvas-end" tabindex="-1" id="cart-offcanvas" aria-labelledby="cart-offcanvas">

    <div class="offcanvas-header pb-0">
      <h5 class="offcanvas-title"></h5>
      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body d-flex flex-column pt-2" data-v-component-cart>
      <div class="table-responsive flex-grow-1">
        <table class="table cart-table align-middle mb-0">
          <tbody>


                        
            <tr data-v-if-not="cart.total_items" class=" ">
              <td colspan="100">
                <div class="d-flex  p-2">
                  <div class="text-center p-2 opacity-75">
                    
                    <i class="la la-2x la-shopping-bag"></i>
                  </div>
                  <div class="p-2">
                    <strong>Empty cart</strong>
                    <br>
                    <span class="text-muted">No products added yet!</span>
                  </div>
                </div>
              </td>
            </tr>          </tbody>

        </table>
      </div>

      
      

    </div>

  </div>


  <div id="page-loading-status" class="progress progress-bar"></div>

  
  
  
  
  
  
  

  

  
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>

  
  

  

  <link rel="stylesheet" href="/assets-cache/landing-aos-glightbox.css">
  

  <script src="/assets-cache/landing-aos-app-bootstrap-cart-glightbox-popper-theme.js"></script>

  



  

<script  >
	AOS.init();
</script><script type="speculationrules"  >
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/public\/*","\/themes\/*","\/plugins\/*","\/cart\/*","\/checkout\/*","\/user\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script><script  >
document.querySelector('.carousel-item').classList.add("active");
/*
//anchors not working properly due to base href, add full url to anchors
$('a[href^="#"]').attr("href", function (i,a) {
	return window.location.href + a;
});
$('a[href^="#"]').on("click", function (e) {
	window.location.hash = this.attributes.href.value;
});
*/
document.addEventListener('click',function (e) {
	let element = e.target.closest('a[href^="#"]');
	if (element) {
		let target = element.hash,
		//window.location.hash = element.attributes.href.value;
		$target = document.querySelector(target);
		//window.location.hash = target;

		document.firstElementChild.scroll({
		  top: $target.offsetTop - 200,//substract header height,
		  behavior: "smooth",
		});
		
		e.preventDefault();
		return false;
	}
});
</script></body>

</html>