{header}



{productFound=yes?
        <!-- Page Title -->
        <section class="s-page-title style-2">
            <div class="container">
                <div class="content">
                    <ul class="breadcrumbs-page">
                        <li><a href="index.html" class="h6 link">Home</a></li>
                        <li class="d-flex"><i class="icon icon-caret-right"></i></li>
                        <li><a href="shop-default.html" class="h6 link">Shop</a></li>
                        <li class="d-flex"><i class="icon icon-caret-right"></i></li>
                        <li>
                            <h6 class="current-page fw-normal">{product[productName]}</h6>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- /Page Title -->
        <!-- Product Main -->
        <section class="flat-single-product flat-spacing-3">
            <div class="tf-main-product section-image-zoom">
                <div class="container">
                    <div class="row">
                        <!-- Product Images -->
                        <div class="col-md-6">
                            <div class="tf-product-media-wrap sticky-top">
                                <div class="product-thumbs-slider">
                                    <div dir="ltr" class="swiper tf-product-media-thumbs other-image-zoom" data-direction="vertical"
                                        data-preview="4.7">
                                        <div class="swiper-wrapper stagger-wrap">

                                        	{productImages:
	                                            <div class="swiper-slide stagger-item">
	                                                <div class="item">
	                                                    <img class="lazyload" data-src="https://www.cannaglobe.biz/productImages/{productImages[url]}"
	                                                        src="https://www.cannaglobe.biz/productImages/{productImages[url]}" alt="img-product">
	                                                </div>
	                                            </div>
	                                        }

                                        </div>
                                    </div>

                                    <div class="flat-wrap-media-product">
                                        <div dir="ltr" class="swiper tf-product-media-main" id="gallery-swiper-started">
                                            <div class="swiper-wrapper">
                                                

                                        	{productImages:
	                                            <div class="swiper-slide">
                                                    <a href="https://www.cannaglobe.biz/productImages/{productImages[url]}" target="_blank" class="item"
                                                        data-pswp-width="860px" data-pswp-height="1146px">
                                                        <img class="tf-image-zoom lazyload" data-zoom="https://www.cannaglobe.biz/productImages/{productImages[url]}"
                                                            data-src="https://www.cannaglobe.biz/productImages/{productImages[url]}"
                                                            src="https://www.cannaglobe.biz/productImages/{productImages[url]}" alt="">
                                                    </a>
                                                </div>
	                                        }
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Product Images -->
                        <!-- Product Info -->
                        <div class="col-md-6">
                            <div class="tf-product-info-wrap position-relative">
                                <div class="tf-zoom-main sticky-top"></div>
                                <div class="tf-product-info-list other-image-zoom">
                                    <h2 class="product-info-name">{product[productName]}</h2>
                                    <!--<div class="product-info-meta">
                                        <div class="rating">
                                            <div class="d-flex gap-4">
                                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M14 5.4091L8.913 5.07466L6.99721 0.261719L5.08143 5.07466L0 5.4091L3.89741 8.7184L2.61849 13.7384L6.99721 10.9707L11.376 13.7384L10.097 8.7184L14 5.4091Z"
                                                        fill="#EF9122" />
                                                </svg>
                                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M14 5.4091L8.913 5.07466L6.99721 0.261719L5.08143 5.07466L0 5.4091L3.89741 8.7184L2.61849 13.7384L6.99721 10.9707L11.376 13.7384L10.097 8.7184L14 5.4091Z"
                                                        fill="#EF9122" />
                                                </svg>
                                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M14 5.4091L8.913 5.07466L6.99721 0.261719L5.08143 5.07466L0 5.4091L3.89741 8.7184L2.61849 13.7384L6.99721 10.9707L11.376 13.7384L10.097 8.7184L14 5.4091Z"
                                                        fill="#EF9122" />
                                                </svg>
                                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M14 5.4091L8.913 5.07466L6.99721 0.261719L5.08143 5.07466L0 5.4091L3.89741 8.7184L2.61849 13.7384L6.99721 10.9707L11.376 13.7384L10.097 8.7184L14 5.4091Z"
                                                        fill="#EF9122" />
                                                </svg>
                                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M14 5.4091L8.913 5.07466L6.99721 0.261719L5.08143 5.07466L0 5.4091L3.89741 8.7184L2.61849 13.7384L6.99721 10.9707L11.376 13.7384L10.097 8.7184L14 5.4091Z"
                                                        fill="#EF9122" />
                                                </svg>
                                            </div>
                                            <div class="reviews text-main">(3.671 review)</div>
                                        </div>
                                        <div class="people-add text-primary">
                                            <i class="icon icon-shopping-cart-simple"></i>
                                            <span class="h6">9 people just added this product to their cart</span>
                                        </div>-->
                                    </div>
                                    <div class="tf-product-heading">
                                        <div class="product-info-price price-wrap">
                                            <span class="price-new price-on-sale h2 fw-4">${product[price]}</span>
                                            <!--<span class="price-old compare-at-price h6">${product[msrp]}</span>
                                            <p class="badges-on-sale h6 fw-semibold">
                                                <span class="number-sale" data-person-sale="29">
                                                    -29 %
                                                </span>
                                            </p>-->
                                        </div>
                                        <div class="tf-product-info-countdown">
                                            <div class="countdown-title">
                                                <h5>Hurry up</h5>
                                                <p class="text-main">offer ends in:</p>
                                            </div>
                                            <div class="tf-countdown style-1">
                                                <div class="js-countdown" data-timer="1007500" data-labels="Days,Hours,Mins,Secs"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div class="tf-product-info-liveview">
                                        <div class="liveview-count">
                                            <i class="icon icon-view"></i>
                                            <span class="count fw-6 h6">23</span>
                                        </div>
                                        <p class="fw-6 h6">People are viewing this right now</p>
                                    </div>-->
                                    <!--
                                    <div class="tf-product-variant">
                                        <div class="variant-picker-item variant-size">
                                            <div class="variant-picker-label">
                                                <div class="h4 fw-semibold">
                                                    Size
                                                    <span class="variant-picker-label-value value-currentSize">medium</span>
                                                </div>
                                                <a href="#size-guide" data-bs-toggle="modal" class="size-guide link h6 fw-medium">
                                                    <i class="icon icon-ruler"></i>
                                                    Size Guide
                                                </a>
                                            </div>
                                            <div class="variant-picker-values">
                                                <span class="size-btn" data-size="XS">XS</span>
                                                <span class="size-btn" data-size="S">S</span>
                                                <span class="size-btn" data-size="M">M</span>
                                                <span class="size-btn" data-size="L">L</span>
                                            </div>
                                        </div>
                                        <div class="variant-picker-item variant-color">
                                            <div class="variant-picker-label">
                                                <div class="h4 fw-semibold">
                                                    Colors
                                                    <span class="variant-picker-label-value value-currentColor">orange</span>
                                                </div>
                                            </div>
                                            <div class="variant-picker-values">
                                                <div class="hover-tooltip tooltip-bot color-btn active" data-color="blue">
                                                    <span class="check-color bg-blue-1"></span>
                                                    <span class="tooltip">Blue</span>
                                                </div>
                                                <div class="hover-tooltip tooltip-bot color-btn" data-color="gray">
                                                    <span class="check-color bg-caramel"></span>
                                                    <span class="tooltip">Gray</span>
                                                </div>
                                                <div class="hover-tooltip tooltip-bot color-btn" data-color="pink">
                                                    <span class="check-color bg-hot-pink"></span>
                                                    <span class="tooltip">Pink</span>
                                                </div>
                                                <div class="hover-tooltip tooltip-bot color-btn" data-color="green">
                                                    <span class="check-color bg-dark-jade"></span>
                                                    <span class="tooltip">Green</span>
                                                </div>
                                                <div class="hover-tooltip tooltip-bot color-btn" data-color="white">
                                                    <span class="check-color bg-white"></span>
                                                    <span class="tooltip">White</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>-->
                                    <div class="tf-product-total-quantity">
                                        <div class="group-btn">
                                            <!--<div class="wg-quantity">
                                                <button class="btn-quantity btn-decrease">
                                                    <i class="icon icon-minus"></i>
                                                </button>
                                                <input class="quantity-product" type="text" name="number" value="1">
                                                <button class="btn-quantity btn-increase">
                                                    <i class="icon icon-plus"></i>
                                                </button>
                                            </div>-->
                                            <a class="cr-shopping-bag addToCartOverride productAddToCartButton_{product[id]} tf-btn animate-btn btn-add-to-cart" href="javascript:void(0)" onclick="addToCartWithOptions({product[id]}, 1, `{products[isBuyNowOnly]}`)">
                                                ADD TO CART
                                                <i class="icon icon-shopping-cart-simple"></i>
                                            </a>
                                            <!--
                                            <button type="button" class="hover-tooltip box-icon btn-add-wishlist">
                                                <span class="icon icon-heart"></span>
                                                <span class="tooltip">Add to Wishlist</span>
                                            </button>
                                            <a href="#compare" data-bs-toggle="offcanvas" class="hover-tooltip tooltip-top box-icon">
                                                <span class="icon icon-compare"></span>
                                                <span class="tooltip">Compare</span>
                                            </a>-->
                                        </div>
                                        <!--<a href="checkout.html" class="tf-btn btn-primary w-100">BUY IT NOW</a>-->
                                    </div>
                                    <!--<div class="tf-product-extra-link">
                                        <a href="#compareColor" data-bs-toggle="modal" class="product-extra-icon link">
                                            <i class="icon icon-swatches"></i>Compare color
                                        </a>
                                        <a href="#askQuestion" data-bs-toggle="modal" class="product-extra-icon link">
                                            <i class="icon icon-ques"></i>Ask a question
                                        </a>
                                        <a href="#shipAndDelivery" data-bs-toggle="modal" class="product-extra-icon link">
                                            <i class="icon icon-truck"></i>Delivery & Return
                                        </a>
                                        <a href="#shareWith" data-bs-toggle="modal" class="product-extra-icon link">
                                            <i class="icon icon-share"></i>Share
                                        </a>
                                    </div>-->
                                    <div class="tf-product-delivery-return">
                                        <div class="product-delivery">
                                            <div class="icon icon-clock-cd"></div>
                                            <p class="h6">Estimate delivery times: <!--<span class="fw-7 text-black">7-20 days</span> (International),-->
                                                <span class="fw-7 text-black">2-7 days</span> (United States).
                                            </p>
                                        </div>
                                        <!--<div class="product-delivery return">
                                            <div class="icon icon-compare"></div>
                                            <p class="h6">Return within <span class="fw-7 text-black">30 days</span> of purchase. Duties & taxes are
                                                non-refundable.</p>
                                        </div>-->
                                    </div>
                                    <div class="tf-product-trust-seal">
                                        <p class="h6 text-seal">Guarantee Safe Checkout:</p>
                                        <ul class="list-card">
                                            <li class="card-item">
                                                <img src="/content/2026-02-01/images/payment/visa.png" alt="card">
                                            </li>
                                            <li class="card-item">
                                                <img src="/content/2026-02-01/images/payment/master-card.png" alt="card">
                                            </li>
                                            <li class="card-item">
                                                <img src="/content/2026-02-01/images/payment/amex.png" alt="card">
                                            </li>
                                            <li class="card-item">
                                                <img src="/content/2026-02-01/images/payment/discover.png" alt="card">
                                            </li><!--
                                            <li class="card-item">
                                                <img src="/content/2026-02-01/images/payment/paypal.png" alt="card">
                                            </li>-->
                                        </ul>
                                    </div>
                                    <ul class="tf-product-cate-sku">
                                        <li class="item-cate-sku h6">
                                            <span class="label fw-6 text-black">SKU:</span>
                                            <a href="#" class="value link text-main-2">#{product[id]}</a>
                                        </li>
                                        <!--<li class="item-cate-sku h6">
                                            <span class="label fw-6 text-black">Categories:</span>
                                            <span class="value text-main-2">Daily Wear Rings, Ring diamond, Anniversary rings, Solitaire Rings, Half
                                                Eternity Rings</span>
                                        </li>-->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- /Product Info -->
                    </div>
                </div>
            </div>
            <!--<div class="tf-sticky-btn-atc">
                <div class="container">
                    <div class="tf-height-observer w-100 d-flex align-items-center">
                        <div class="tf-sticky-atc-product d-flex align-items-center">
                            <div class="tf-mini-cart-item align-items-start">
                                <div class="tf-mini-cart-image">
                                    <img class="lazyload" data-src="images/products/fashion/thumbs/thumbs-1.jpg"
                                        src="images/products/fashion/thumbs/thumbs-1.jpg" alt="img-product">
                                </div>
                                <div class="tf-mini-cart-info">
                                    <h6 class="title">
                                        <a href="product-detail.html" class="link text-line-clamp-1">Queen fashion long sleeve shirt, basic
                                            t-shirt</a>
                                    </h6>
                                    <div class="size">
                                        <div class="text-small text-main-2 sub">Size: XS</div>
                                        <div class="text-small text-main-2 sub">Color:</div>
                                        <div class="dot-color bg-caramel"></div>
                                    </div>
                                    <div class="h6 fw-semibold">
                                        $69,99
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tf-sticky-atc-infos">
                            <form class="">
                                <div class="tf-sticky-atc-variant-price">
                                    <h6 class="title">Size:</h6>
                                    <div class="tf-select style-1">
                                        <select class="font-sora">
                                            <option selected="selected">M</option>
                                            <option>S</option>
                                            <option>L</option>
                                            <option>XL</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="tf-product-info-quantity">
                                    <h6 class="title">Quantity:</h6>
                                    <div class="wg-quantity">
                                        <button class="btn-quantity minus-btn">
                                            <i class="icon icon-minus"></i>
                                        </button>
                                        <input class="quantity-product" type="text" name="number" value="1">
                                        <button class="btn-quantity plus-btn">
                                            <i class="icon icon-plus"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="tf-sticky-atc-btns">
                                    <a href="#shoppingCart" data-bs-toggle="offcanvas" class="tf-btn animate-btn btn-add-to-cart">
                                        Add to cart
                                        <i class="icon icon-shopping-cart-simple"></i>
                                    </a>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>-->
        </section>
        <!-- /Product Main -->
        
        <!-- Product Description -->
        <section class="flat-spacing-3">
            <div class="container">
                <div class="flat-animate-tab tab-style-1">
                    <ul class="menu-tab menu-tab-1" role="tablist">
                        <li class="nav-tab-item" role="presentation">
                            <a href="#descriptions" class="tab-link active" data-bs-toggle="tab">Description</a>
                        </li>
                        <!--<li class="nav-tab-item" role="presentation">
                            <a href="#policy" class="tab-link" data-bs-toggle="tab">Shipping, Return & Refund Policy</a>
                        </li>
                    -->
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane wd-product-descriptions active show" id="descriptions" role="tabpanel">
                            <div class="tab-descriptions">
                            	{product[longDescription]}
                            </div>
                        </div>
                        <!--<div class="tab-pane wd-product-descriptions" id="policy" role="tabpanel">
                            <div class="tab-policy">
                                <div class="mb_32">
                                    <h5 class="mb_16 text-black">Returns & Refunds:</h5>
                                    <p class="h6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a tortor commodo enim pulvinar
                                        hendrerit. Mauris a leo rutrum lectus vehicula dignissim feugiat eu felis. Fusce libero est, commodo vitae
                                        ultricies id, sollicitudin a augue. In finibus suscipit nulla, id bibendum diam fermentum sed.</p>
                                </div>
                                <div class="">
                                    <h5 class="mb_16 text-black">Shipping:</h5>
                                    <p class="h6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum arcu ut odio elementum,
                                        vel vestibulum lacus scelerisque. Integer egestas nisi eu nunc imperdiet.</p>
                                </div>
                            </div>
                        </div>-->
                    </div>

                </div>
            </div>
        </section>
        <!-- /Product Description -->


<!-- END productFound -->
}

{footer}