<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;

/* vqmod/vqcache/vq2-catalog_view_theme_journal3_template_product_product.twig */
class __TwigTemplate_8ff35d91612474264fb0581d9ed5884d extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // line 66
        yield ($context["header"] ?? null);
        yield "
";
        // line 67
        if ((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["pageTitlePosition"], "method", false, false, false, 67) == "top")) {
            // line 68
            yield "  <h1 class=\"title page-title ";
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["title_color_scheme"], "method", false, false, false, 68);
            yield "\"><span class=\"page-title-text\">";
            yield ($context["heading_title"] ?? null);
            yield "</span></h1>
";
        }
        // line 70
        yield "<div class=\"breadcrumbs ";
        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["breadcrumbs_color_scheme"], "method", false, false, false, 70);
        yield "\">
  <ul class=\"breadcrumb\">
    ";
        // line 72
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable(($context["breadcrumbs"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["breadcrumb"]) {
            // line 73
            yield "      <li><a href=\"";
            yield CoreExtension::getAttribute($this->env, $this->source, $context["breadcrumb"], "href", [], "any", false, false, false, 73);
            yield "\">";
            yield CoreExtension::getAttribute($this->env, $this->source, $context["breadcrumb"], "text", [], "any", false, false, false, 73);
            yield "</a></li>
    ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['breadcrumb'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 75
        yield "  </ul>
</div>
";
        // line 77
        yield ($context["journal3_top"] ?? null);
        yield "
<div id=\"product-product\" class=\"container\">
  <div class=\"row\">";
        // line 79
        yield ($context["column_left"] ?? null);
        yield "
    ";
        // line 80
        if ((($context["column_left"] ?? null) && ($context["column_right"] ?? null))) {
            // line 81
            yield "    ";
            $context["class"] = "col-sm-6";
            // line 82
            yield "    ";
        } elseif ((($context["column_left"] ?? null) || ($context["column_right"] ?? null))) {
            // line 83
            yield "    ";
            $context["class"] = "col-sm-9";
            // line 84
            yield "    ";
        } else {
            // line 85
            yield "    ";
            $context["class"] = "col-sm-12";
            // line 86
            yield "    ";
        }
        // line 87
        yield "    <div id=\"content\" class=\"";
        yield ($context["class"] ?? null);
        yield "\">
      ";
        // line 88
        if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["pageTitlePosition"], "method", false, false, false, 88) == "default") || CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 88))) {
            // line 89
            yield "      <h1 class=\"title page-title ";
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["title_color_scheme"], "method", false, false, false, 89);
            yield "\">";
            yield ($context["heading_title"] ?? null);
            yield "</h1>
      ";
        }
        // line 91
        yield "      ";
        yield ($context["content_top"] ?? null);
        yield "
      ";
        // line 92
        yield ($context["journal3_product_tabs_blocks_content_top"] ?? null);
        yield "
      <div class=\"product-info ";
        // line 93
        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "classes", [($context["journal3_product_classes"] ?? null)], "method", false, false, false, 93);
        yield "\">
        ";
        // line 94
        if ( !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_options_popup", [], "any", false, false, false, 94)) {
            // line 95
            yield "        <div class=\"product-left\">
          <div class=\"product-left-wrapper\">
            <div class=\"product-image direction-";
            // line 97
            yield ($context["journal3_images_additional_direction"] ?? null);
            yield " position-";
            yield ($context["journal3_images_additional_position"] ?? null);
            yield "\">
              <div class=\"swiper main-image\" data-options='";
            // line 98
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "jsonAttrs", [($context["journal3_images_carousel"] ?? null)], "method", false, false, false, 98);
            yield "' ";
            yield ($context["journal3_images_style"] ?? null);
            yield ">
                <div class=\"swiper-container\" ";
            // line 99
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_rtl", [], "any", false, false, false, 99)) {
                yield "dir=\"rtl\"";
            }
            yield ">
                  <div class=\"swiper-wrapper\">
                    ";
            // line 101
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["images"] ?? null));
            foreach ($context['_seq'] as $context["index"] => $context["image"]) {
                // line 102
                yield "                      <div class=\"swiper-slide\" ";
                if (($context["journal3_images_gallery"] ?? null)) {
                    yield "data-gallery=\".lightgallery-product-images\" data-index=\"";
                    yield $context["index"];
                    yield "\"";
                }
                yield ">
                        ";
                // line 103
                if (($context["index"] && ($context["journal3_image_placeholder"] ?? null))) {
                    // line 104
                    yield "                          <img class=\"lazyload\" src=\"";
                    yield ($context["journal3_image_placeholder"] ?? null);
                    yield "\" data-src=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb", [], "any", false, false, false, 104);
                    yield "\" ";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb2x", [], "any", false, false, false, 104)) {
                        yield "data-srcset=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb", [], "any", false, false, false, 104);
                        yield " 1x, ";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb2x", [], "any", false, false, false, 104);
                        yield " 2x\"";
                    }
                    yield " width=\"";
                    yield ($context["journal3_image_thumb_width"] ?? null);
                    yield "\" height=\"";
                    yield ($context["journal3_image_thumb_height"] ?? null);
                    yield "\" alt=\"";
                    yield ($context["heading_title"] ?? null);
                    yield "\" title=\"";
                    yield ($context["heading_title"] ?? null);
                    yield "\" data-largeimg=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "popup", [], "any", false, false, false, 104);
                    yield "\"/>
                        ";
                } else {
                    // line 106
                    yield "                          <img src=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb", [], "any", false, false, false, 106);
                    yield "\" ";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb2x", [], "any", false, false, false, 106)) {
                        yield "srcset=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb", [], "any", false, false, false, 106);
                        yield " 1x, ";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "thumb2x", [], "any", false, false, false, 106);
                        yield " 2x\"";
                    }
                    yield " width=\"";
                    yield ($context["journal3_image_thumb_width"] ?? null);
                    yield "\" height=\"";
                    yield ($context["journal3_image_thumb_height"] ?? null);
                    yield "\" alt=\"";
                    yield ($context["heading_title"] ?? null);
                    yield "\" title=\"";
                    yield ($context["heading_title"] ?? null);
                    yield "\" data-largeimg=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "popup", [], "any", false, false, false, 106);
                    yield "\"/>
                        ";
                }
                // line 108
                yield "                      </div>
                    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['index'], $context['image'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 110
            yield "                  </div>
                </div>
                <div class=\"swiper-controls\">
                  <div class=\"swiper-buttons\">
                    <div class=\"swiper-button-prev\"></div>
                    <div class=\"swiper-button-next\"></div>
                  </div>
                  <div class=\"swiper-pagination\"></div>
                </div>
                ";
            // line 119
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "default", [], "any", false, false, false, 119)) {
                // line 120
                yield "                  <div class=\"product-labels\">
                    ";
                // line 121
                $context['_parent'] = $context;
                $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "default", [], "any", false, false, false, 121));
                foreach ($context['_seq'] as $context["id"] => $context["label"]) {
                    // line 122
                    yield "                      <span class=\"product-label product-label-";
                    yield $context["id"];
                    yield " product-label-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "display", [], "any", false, false, false, 122);
                    yield " product-label-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "positionDefault", [], "any", false, false, false, 122);
                    yield " ";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "classes", [CoreExtension::getAttribute($this->env, $this->source, $context["label"], "classes", [], "any", false, false, false, 122)], "method", false, false, false, 122);
                    yield "\"><strong>";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "label", [], "any", false, false, false, 122);
                    yield "</strong></span>
                    ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['id'], $context['label'], $context['_parent']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 124
                yield "                  </div>
                ";
            }
            // line 126
            yield "              </div>
              ";
            // line 127
            if (($context["journal3_images_additional"] ?? null)) {
                // line 128
                yield "                ";
                if (($context["journal3_images_additional_carousel"] ?? null)) {
                    // line 129
                    yield "                  <div class=\"swiper additional-images\" data-options='";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "jsonAttrs", [($context["journal3_images_additional_carousel_options"] ?? null)], "method", false, false, false, 129);
                    yield "' ";
                    yield ($context["journal3_images_additional_style"] ?? null);
                    yield ">
                    <div class=\"swiper-container\" ";
                    // line 130
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_rtl", [], "any", false, false, false, 130)) {
                        yield "dir=\"rtl\"";
                    }
                    yield ">
                      <div class=\"swiper-wrapper\">
                        ";
                    // line 132
                    $context['_parent'] = $context;
                    $context['_seq'] = CoreExtension::ensureTraversable(($context["journal3_images_additional"] ?? null));
                    $context['loop'] = [
                      'parent' => $context['_parent'],
                      'index0' => 0,
                      'index'  => 1,
                      'first'  => true,
                    ];
                    if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                        $length = count($context['_seq']);
                        $context['loop']['revindex0'] = $length - 1;
                        $context['loop']['revindex'] = $length;
                        $context['loop']['length'] = $length;
                        $context['loop']['last'] = 1 === $length;
                    }
                    foreach ($context['_seq'] as $context["index"] => $context["image"]) {
                        // line 133
                        yield "                          <div class=\"swiper-slide additional-image ";
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 133)) {
                            yield "swiper-slide-active";
                        }
                        yield "\" data-index=\"";
                        yield $context["index"];
                        yield "\">
                            <img src=\"";
                        // line 134
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional", [], "any", false, false, false, 134);
                        yield "\" ";
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional2x", [], "any", false, false, false, 134)) {
                            yield "srcset=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional", [], "any", false, false, false, 134);
                            yield " 1x, ";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional2x", [], "any", false, false, false, 134);
                            yield " 2x\"";
                        }
                        yield " width=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["image_dimensions_additional.width"], "method", false, false, false, 134);
                        yield "\" height=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["image_dimensions_additional.height"], "method", false, false, false, 134);
                        yield "\" alt=\"";
                        yield ($context["heading_title"] ?? null);
                        yield "\" title=\"";
                        yield ($context["heading_title"] ?? null);
                        yield "\"/>
                          </div>
                        ";
                        ++$context['loop']['index0'];
                        ++$context['loop']['index'];
                        $context['loop']['first'] = false;
                        if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
                            --$context['loop']['revindex0'];
                            --$context['loop']['revindex'];
                            $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                        }
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['index'], $context['image'], $context['_parent'], $context['loop']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 137
                    yield "                      </div>
                    </div>
                    <div class=\"swiper-buttons\">
                      <div class=\"swiper-button-prev\"></div>
                      <div class=\"swiper-button-next\"></div>
                    </div>
                    <div class=\"swiper-pagination\"></div>
                  </div>
                ";
                } else {
                    // line 146
                    yield "                  <div class=\"additional-images\">
                    ";
                    // line 147
                    $context['_parent'] = $context;
                    $context['_seq'] = CoreExtension::ensureTraversable(($context["journal3_images_additional"] ?? null));
                    foreach ($context['_seq'] as $context["index"] => $context["image"]) {
                        // line 148
                        yield "                      <div class=\"additional-image\" data-index=\"";
                        yield $context["index"];
                        yield "\">
                        <img src=\"";
                        // line 149
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional", [], "any", false, false, false, 149);
                        yield "\" ";
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional2x", [], "any", false, false, false, 149)) {
                            yield "srcset=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional", [], "any", false, false, false, 149);
                            yield " 1x, ";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["image"], "additional2x", [], "any", false, false, false, 149);
                            yield " 2x\"";
                        }
                        yield " width=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["image_dimensions_additional.width"], "method", false, false, false, 149);
                        yield "\" height=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["image_dimensions_additional.height"], "method", false, false, false, 149);
                        yield "\" alt=\"";
                        yield ($context["heading_title"] ?? null);
                        yield "\" title=\"";
                        yield ($context["heading_title"] ?? null);
                        yield "\"/>
                      </div>
                    ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['index'], $context['image'], $context['_parent']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 152
                    yield "                  </div>
                ";
                }
                // line 154
                yield "              ";
            }
            // line 155
            yield "            </div>

            ";
            // line 157
            if (($context["journal3_images_gallery"] ?? null)) {
                // line 158
                yield "              <div class=\"lightgallery lightgallery-product-images\" data-images='";
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(json_encode(($context["journal3_images_gallery"] ?? null)));
                yield "' data-options='";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "jsonAttrs", [($context["journal3_images_gallery_options"] ?? null)], "method", false, false, false, 158);
                yield "'></div>
            ";
            }
            // line 160
            yield "
            ";
            // line 161
            yield ($context["journal3_product_tabs_blocks_image"] ?? null);
            yield "

            ";
            // line 163
            if ((((($context["description"] ?? null) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 163)) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescription"], "method", false, false, false, 163)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescriptionPosition"], "method", false, false, false, 163) == "image"))) {
                // line 164
                yield "              <div class=\"description ";
                yield ($context["quickviewExpand"] ?? null);
                yield "\">
                <div class=\"expand-block\">
                  <div class=\"expand-content\">";
                // line 166
                yield ($context["description"] ?? null);
                if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewExpandButton"], "method", false, false, false, 166)) {
                    yield "<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["globalExpandButtonText"], "method", false, false, false, 166);
                    yield "\"></a></div>";
                }
                yield "</div>
                </div>
              </div>
            ";
            }
            // line 170
            yield "
            ";
            // line 171
            if (((($context["tags"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 171)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "TagsPosition")], "method", false, false, false, 171) == "image"))) {
                // line 172
                yield "              <div class=\"tags\">
                <span class=\"tags-title\">";
                // line 173
                yield ($context["text_tags"] ?? null);
                yield "</span>
                ";
                // line 174
                $context['_parent'] = $context;
                $context['_seq'] = CoreExtension::ensureTraversable(($context["tags"] ?? null));
                $context['loop'] = [
                  'parent' => $context['_parent'],
                  'index0' => 0,
                  'index'  => 1,
                  'first'  => true,
                ];
                if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                    $length = count($context['_seq']);
                    $context['loop']['revindex0'] = $length - 1;
                    $context['loop']['revindex'] = $length;
                    $context['loop']['length'] = $length;
                    $context['loop']['last'] = 1 === $length;
                }
                foreach ($context['_seq'] as $context["_key"] => $context["tag"]) {
                    // line 175
                    yield "                  <a href=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "href", [], "any", false, false, false, 175);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "tag", [], "any", false, false, false, 175);
                    yield "</a>
                  ";
                    // line 176
                    if ( !CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 176)) {
                        yield "<b>,</b>";
                    }
                    // line 177
                    yield "                ";
                    ++$context['loop']['index0'];
                    ++$context['loop']['index'];
                    $context['loop']['first'] = false;
                    if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
                        --$context['loop']['revindex0'];
                        --$context['loop']['revindex'];
                        $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                    }
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_key'], $context['tag'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 178
                yield "              </div>
            ";
            }
            // line 180
            yield "
          </div>
        </div>
        ";
        }
        // line 184
        yield "        <div class=\"product-right\">
          <div class=\"product-right-wrapper\">
              <div id=\"product\" class=\"product-details\">
                ";
        // line 187
        if ( !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_options_popup", [], "any", false, false, false, 187)) {
            // line 188
            yield "                  <div class=\"title page-title\">";
            yield ($context["heading_title"] ?? null);
            yield "</div>
                ";
        }
        // line 190
        yield "
                ";
        // line 191
        yield ($context["journal3_product_tabs_blocks_top"] ?? null);
        yield "

                ";
        // line 193
        if ((((($context["description"] ?? null) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 193)) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescription"], "method", false, false, false, 193)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescriptionPosition"], "method", false, false, false, 193) == "top"))) {
            // line 194
            yield "                  <div class=\"description ";
            yield ($context["quickviewExpand"] ?? null);
            yield "\">
                    <div class=\"expand-block\">
                      <div class=\"expand-content\">";
            // line 196
            yield ($context["description"] ?? null);
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewExpandButton"], "method", false, false, false, 196)) {
                yield "<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["globalExpandButtonText"], "method", false, false, false, 196);
                yield "\"></a></div>";
            }
            yield "</div>
                    </div>
                  </div>
                ";
        }
        // line 200
        yield "
                ";
        // line 201
        if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "group_outside", [], "any", false, false, false, 201)) {
            // line 202
            yield "                  <div class=\"product-labels-outside\">
                    ";
            // line 203
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "group_outside", [], "any", false, false, false, 203));
            foreach ($context['_seq'] as $context["id"] => $context["label"]) {
                // line 204
                yield "                      <span class=\"product-label product-label-";
                yield $context["id"];
                yield " product-label-";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "display", [], "any", false, false, false, 204);
                yield " product-label-";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "positionDefault", [], "any", false, false, false, 204);
                yield " ";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "classes", [CoreExtension::getAttribute($this->env, $this->source, $context["label"], "classes", [], "any", false, false, false, 204)], "method", false, false, false, 204);
                yield "\"><strong><a class=\"label-link\" ";
                if (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["label"], "link", [], "any", false, false, false, 204), "href", [], "any", false, false, false, 204)) {
                    yield "href=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["label"], "link", [], "any", false, false, false, 204), "href", [], "any", false, false, false, 204);
                    yield "\"";
                }
                yield " ";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "linkAttrs", [CoreExtension::getAttribute($this->env, $this->source, $context["label"], "link", [], "any", false, false, false, 204)], "method", false, false, false, 204);
                yield " aria-hidden=\"true\" tabindex=\"-1\">";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "label", [], "any", false, false, false, 204);
                yield "</a></strong></span>
                    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['id'], $context['label'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 206
            yield "                  </div>
                ";
        }
        // line 208
        yield "
                ";
        // line 209
        if ((($context["journal3_product_stats_position"] ?? null) == "default")) {
            // line 210
            yield "                  ";
            yield $this->getTemplateForMacro("macro_productStats", $context, 210, $this->getSourceContext())->macro_productStats(...[$context]);
            yield "
                ";
        }
        // line 212
        yield "
                ";
        // line 213
        if ((($context["review_status"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 213))) {
            // line 214
            yield "                  <div class=\"rating rating-page\">
                    <div class=\"rating-stars\">
                      ";
            // line 216
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(range(1, 5));
            foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
                // line 217
                yield "                        ";
                if ((($context["rating"] ?? null) < $context["i"])) {
                    // line 218
                    yield "                          <span class=\"fa fa-stack\">
                    <em class=\"fa fa-star-o fa-stack-1x\"></em>
                  </span>";
                } else {
                    // line 221
                    yield "                          <span class=\"fa fa-stack\">
                    <em class=\"fa fa-star fa-stack-1x\"></em>
                    <em class=\"fa fa-star-o fa-stack-1x\"></em>
                  </span>
                        ";
                }
                // line 226
                yield "                      ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 227
            yield "                    </div>
                    <div class=\"review-links\">
                      <a role=\"button\">";
            // line 229
            yield ((($context["journal3_is_oc4"] ?? null)) ? (($context["text_reviews"] ?? null)) : (($context["reviews"] ?? null)));
            yield "</a>
                      <b>";
            // line 230
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "RatingSeparator")], "method", false, false, false, 230);
            yield "</b>
                      <a role=\"button\">";
            // line 231
            yield ($context["text_write"] ?? null);
            yield "</a>
                    </div>
                  </div>
                ";
        }
        // line 235
        yield "
                ";
        // line 236
        if (($context["journal3_product_countdown"] ?? null)) {
            // line 237
            yield "                  <div class=\"countdown-wrapper\">
                    ";
            // line 238
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CountdownText")], "method", false, false, false, 238)) {
                // line 239
                yield "                      <h5 class=\"countdown-title title\">";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CountdownText")], "method", false, false, false, 239);
                yield "</h5>
                    ";
            }
            // line 241
            yield "                    <div class=\"countdown\" data-date=\"";
            yield ($context["journal3_product_countdown"] ?? null);
            yield "\">
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>";
            // line 242
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["countdownDay"], "method", false, false, false, 242);
            yield "</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>";
            // line 243
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["countdownHour"], "method", false, false, false, 243);
            yield "</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>";
            // line 244
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["countdownMin"], "method", false, false, false, 244);
            yield "</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>";
            // line 245
            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["countdownSec"], "method", false, false, false, 245);
            yield "</span></div>
                    </div>
                  </div>
                ";
        }
        // line 249
        yield "                
              <!--  <div class=\"alert alert-primary mb-3 d-flex justify-content-between align-items-center gap-3\" role=\"alert\">

 <span style=\"width: 4.3rem;\"> <svg role=\"img\" fill=\"#fff\"  class=\"svg-icon__icon\" focusable=\"false\" viewBox=\"0 0 22 7\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.653 0H5.298L4.055 2.075 3.685 0h-2.37l.872 3.27L0 6.594h2.353l1.258-2.11.438 2.11h2.305l-.908-3.297L7.653 0ZM18.581 3.668h.902l-.108-1.67-.794 1.67ZM14.71 2.066l-.666-.007-.175.889.666.007c.377 0 .633-.23.633-.559 0-.209-.148-.33-.458-.33Z\"></path><path d=\"m8.6 0-.626.935h4.252l-.243 1.259h-1.218l-.673 3.453H8.61l.673-3.453H7.131l-.738 1.103.908 3.297H22V0H8.6Zm7.322 5.647h-1.474l-.297-1.629h-.491l-.316 1.63h-1.4l.915-4.713h2.235c.909 0 1.454.451 1.454 1.185s-.438 1.32-1.084 1.609l.458 1.918Zm3.696 0-.06-.895h-1.495l-.424.895h-1.367l2.37-4.712h1.864l.519 4.712h-1.407Z\"></path></svg></span>
<div class=\"d-flex flex-column w-100\">
<p class=\"fw-bold\">Spare ganz einfach 5 €</p>
<p class=\"m-0\">Registriere dich, stimme Werbe-E-Mails zu und spare 5 €.</p>
</div>
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.63\" height=\"25\" viewBox=\"0 0 320 512\"><path fill=\"#fff\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256L73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg></div>-->
<div class=\"shadow-wrapper-product-detail\">
                ";
        // line 259
        if ((($context["price"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_options_popup", [], "any", false, false, false, 259))) {
            // line 260
            yield "                  <div class=\"product-price-group\">
                    <div class=\"price-wrapper\">
                      ";
            // line 262
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "price", [], "any", false, false, false, 262)) {
                // line 263
                yield "                        <div class=\"product-labels-price\">
                          ";
                // line 264
                $context['_parent'] = $context;
                $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, ($context["journal3_product_labels"] ?? null), "price", [], "any", false, false, false, 264));
                foreach ($context['_seq'] as $context["id"] => $context["label"]) {
                    // line 265
                    yield "                            <span class=\"product-label product-label-";
                    yield $context["id"];
                    yield " product-label-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "display", [], "any", false, false, false, 265);
                    yield " product-label-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "positionDefault", [], "any", false, false, false, 265);
                    yield " ";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "classes", [CoreExtension::getAttribute($this->env, $this->source, $context["label"], "classes", [], "any", false, false, false, 265)], "method", false, false, false, 265);
                    yield "\"><strong>";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["label"], "label", [], "any", false, false, false, 265);
                    yield "</strong></span>
                          ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['id'], $context['label'], $context['_parent']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 267
                yield "                        </div>
                      ";
            }
            // line 269
            yield "                      <div class=\"price-group\">
                        ";
            // line 270
            if ( !($context["special"] ?? null)) {
                // line 271
                yield "                          <div class=\"product-price\">";
                yield ($context["price"] ?? null);
                yield "</div>
                        ";
            } else {
                // line 273
                yield "                          <div class=\"product-price-new\">";
                yield ($context["special"] ?? null);
                yield "</div>
                          <div class=\"product-price-old\">";
                // line 274
                yield ($context["price"] ?? null);
                yield "</div>
                        ";
            }
            // line 276
            yield "                      </div>
                      ";
            // line 277
            if (($context["tax"] ?? null)) {
                // line 278
                yield "                        <div class=\"product-tax\">";
                yield ($context["text_tax"] ?? null);
                yield " ";
                yield ($context["tax"] ?? null);
                yield "</div>
                      ";
            }
            // line 280
            yield "                      ";
            if (($context["points"] ?? null)) {
                // line 281
                yield "                        <div class=\"product-points\">";
                yield ($context["text_points"] ?? null);
                yield " ";
                yield ($context["points"] ?? null);
                yield "</div>
                      ";
            }
            // line 283
            yield "
                      ";
            // line 284
            if (($context["discounts"] ?? null)) {
                // line 285
                yield "                        <div class=\"discounts\">
                          ";
                // line 286
                $context['_parent'] = $context;
                $context['_seq'] = CoreExtension::ensureTraversable(($context["discounts"] ?? null));
                foreach ($context['_seq'] as $context["_key"] => $context["discount"]) {
                    // line 287
                    yield "                            <div class=\"product-discount\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["discount"], "quantity", [], "any", false, false, false, 287);
                    yield ($context["text_discount"] ?? null);
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["discount"], "price", [], "any", false, false, false, 287);
                    yield "</div>
                          ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_key'], $context['discount'], $context['_parent']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 289
                yield "                        </div>
                      ";
            }
            // line 291
            yield "                    </div>
                    ";
            // line 292
            if ((($context["journal3_product_stats_position"] ?? null) == "price")) {
                // line 293
                yield "                      ";
                yield $this->getTemplateForMacro("macro_productStats", $context, 293, $this->getSourceContext())->macro_productStats(...[$context]);
                yield "
                    ";
            }
            // line 295
            yield "                  </div>
                ";
        }
        // line 297
        yield "                <div class=\"d-flex flex-row align-items-center mb-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"#237916\" stroke-width=\"1.5\"><circle cx=\"17\" cy=\"18\" r=\"2\"/><circle cx=\"7\" cy=\"18\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 17.972c-1.097-.054-1.78-.217-2.268-.704s-.65-1.171-.704-2.268M9 18h6m4-.028c1.097-.054 1.78-.217 2.268-.704C22 16.535 22 15.357 22 13v-2h-4.7c-.745 0-1.117 0-1.418-.098a2 2 0 0 1-1.284-1.284C14.5 9.317 14.5 8.945 14.5 8.2c0-1.117 0-1.675-.147-2.127a3 3 0 0 0-1.926-1.926C11.975 4 11.417 4 10.3 4H2m0 4h6m-6 3h4\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.5 6h1.821c1.456 0 2.183 0 2.775.354c.593.353.938.994 1.628 2.276L22 11\"/></g></svg><p class=\"text-success fw-bold ms-3\">Kostenloser Versand</p></div> 

                  <div class=\"d-flex flex-row align-items-center mb-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2.5 7.5v6c0 3.771 0 5.657 1.17 6.828C4.843 21.5 6.729 21.5 10.5 21.5H14m7.5-7.5V7.5M3.868 5.315L2.5 7.5h19l-1.252-2.087c-.854-1.423-1.28-2.134-1.968-2.524c-.688-.389-1.517-.389-3.177-.389h-6.15c-1.624 0-2.436 0-3.114.375c-.678.376-1.109 1.064-1.97 2.44M12 7.5v-5m4 12s-2.5 1.841-2.5 2.5s2.5 2.5 2.5 2.5M14 17h5.25a2.25 2.25 0 1 1 0 4.5h-.75m-8.5-11h4\"/></svg><p class=\"fw-bold ms-3\">Kostenlose Rückgabe – 14 Tage</p></div>

                ";
        // line 301
        if (($context["options"] ?? null)) {
            // line 302
            yield "                  <div class=\"product-options\">
                    <h3 class=\"options-title title\">";
            // line 303
            yield ($context["text_option"] ?? null);
            yield "</h3>
                    ";
            // line 304
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["options"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["option"]) {
                // line 305
                yield "                  ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 305) == "select")) {
                    // line 306
                    yield "  <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 306)) {
                        yield " required ";
                    }
                    yield " product-option-select push-radio-option\">

    <label class=\"option-title\">
      ";
                    // line 309
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 309);
                    yield "
    </label>

    <div class=\"option-button-group\" id=\"input-option";
                    // line 312
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 312);
                    yield "\">
      ";
                    // line 313
                    $context['_parent'] = $context;
                    $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_value", [], "any", false, false, false, 313));
                    foreach ($context['_seq'] as $context["_key"] => $context["option_value"]) {
                        // line 314
                        yield "        <label class=\"option-button\">
          <input
            type=\"radio\"
            name=\"option[";
                        // line 317
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 317);
                        yield "]\"
            value=\"";
                        // line 318
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "product_option_value_id", [], "any", false, false, false, 318);
                        yield "\"
          >
          <span>
            ";
                        // line 321
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 321);
                        yield "
            ";
                        // line 322
                        if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 322) && ($context["optionPrice"] ?? null))) {
                            // line 323
                            yield "              <small>(";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 323);
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 323);
                            yield ")</small>
            ";
                        }
                        // line 325
                        yield "          </span>
        </label>
      ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['_key'], $context['option_value'], $context['_parent']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 328
                    yield "    </div>

    ";
                    // line 330
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 331
                        yield "      <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 331);
                        yield "\" class=\"invalid-feedback\"></div>
    ";
                    }
                    // line 333
                    yield "
  </div>
";
                }
                // line 336
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 336) == "radio")) {
                    // line 337
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 337)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 337);
                    yield " ";
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "OptionsPushRadio")], "method", false, false, false, 337)) {
                        yield "push-option";
                    }
                    yield "\">
                          <label class=\"control-label\">";
                    // line 338
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 338);
                    yield "</label>
                          <div id=\"input-option";
                    // line 339
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 339);
                    yield "\"> ";
                    $context['_parent'] = $context;
                    $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_value", [], "any", false, false, false, 339));
                    foreach ($context['_seq'] as $context["_key"] => $context["option_value"]) {
                        // line 340
                        yield "                              <div class=\"radio\">
                                <label>
                                  <input type=\"radio\" name=\"option[";
                        // line 342
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 342);
                        yield "]\" value=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "product_option_value_id", [], "any", false, false, false, 342);
                        yield "\" title=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 342);
                        yield "\" aria-label=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 342);
                        yield "\" />
                                  <span class=\"option-wrapper ";
                        // line 343
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 343)) {
                            yield "push-option-image";
                        }
                        yield "\">
                    ";
                        // line 344
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 344)) {
                            yield " <img src=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 344);
                            yield "\" srcset=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 344);
                            yield " 1x, ";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image2x", [], "any", false, false, false, 344);
                            yield " 2x\" width=\"";
                            yield ($context["journal3_image_options_width"] ?? null);
                            yield "\" height=\"";
                            yield ($context["journal3_image_options_height"] ?? null);
                            yield "\" alt=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 344);
                            yield " ";
                            if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 344) && ($context["optionPrice"] ?? null))) {
                                yield " ";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 344);
                                yield " ";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 344);
                                yield " ";
                            }
                            yield "\" ";
                            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 344)) {
                                yield "data-toggle=\"tooltip-hover\" data-tooltip-class=\"push-tooltip\" data-placement=\"";
                                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "PushTooltipPosition")], "method", false, false, false, 344);
                                yield "\"";
                            }
                            yield " title=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 344);
                            yield " ";
                            if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 344) && ($context["optionPrice"] ?? null))) {
                                yield " (";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 344);
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 344);
                                yield ") ";
                            }
                            yield "\"> ";
                        }
                        // line 345
                        yield "                    <span class=\"option-value\">
                    ";
                        // line 346
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 346);
                        yield "
                      ";
                        // line 347
                        if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 347) && ($context["optionPrice"] ?? null))) {
                            // line 348
                            yield "                        <span class=\"option-price\">
                        (";
                            // line 349
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 349);
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 349);
                            yield ")
                      </span>
                      ";
                        }
                        // line 352
                        yield "                  </span>
                  </span>
                                </label>
                              </div>
                            ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['_key'], $context['option_value'], $context['_parent']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 356
                    yield " </div>
                          ";
                    // line 357
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 358
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 358);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 360
                    yield "                        </div>
                      ";
                }
                // line 362
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 362) == "checkbox")) {
                    // line 363
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 363)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 363);
                    yield " ";
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "OptionsPushCheckbox")], "method", false, false, false, 363)) {
                        yield "push-option";
                    }
                    yield "\">
                          <label class=\"control-label\">";
                    // line 364
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 364);
                    yield "</label>
                          <div id=\"input-option";
                    // line 365
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 365);
                    yield "\"> ";
                    $context['_parent'] = $context;
                    $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_value", [], "any", false, false, false, 365));
                    foreach ($context['_seq'] as $context["_key"] => $context["option_value"]) {
                        // line 366
                        yield "                              <div class=\"checkbox\">
                                <label>
                                  <input type=\"checkbox\" name=\"option[";
                        // line 368
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 368);
                        yield "][]\" value=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "product_option_value_id", [], "any", false, false, false, 368);
                        yield "\" title=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 368);
                        yield "\" aria-label=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 368);
                        yield "\" />
                                  <span class=\"option-wrapper ";
                        // line 369
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 369)) {
                            yield "push-option-image";
                        }
                        yield "\">
                    ";
                        // line 370
                        if (CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 370)) {
                            yield " <img src=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 370);
                            yield "\" srcset=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image", [], "any", false, false, false, 370);
                            yield " 1x, ";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "image2x", [], "any", false, false, false, 370);
                            yield " 2x\" width=\"";
                            yield ($context["journal3_image_options_width"] ?? null);
                            yield "\" height=\"";
                            yield ($context["journal3_image_options_height"] ?? null);
                            yield "\" alt=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 370);
                            yield " ";
                            if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 370) && ($context["optionPrice"] ?? null))) {
                                yield " ";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 370);
                                yield " ";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 370);
                                yield " ";
                            }
                            yield "\" ";
                            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 370)) {
                                yield "data-toggle=\"tooltip-hover\" data-tooltip-class=\"push-tooltip\" data-placement=\"";
                                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "PushTooltipPosition")], "method", false, false, false, 370);
                                yield "\"";
                            }
                            yield " title=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 370);
                            yield " ";
                            if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 370) && ($context["optionPrice"] ?? null))) {
                                yield " (";
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 370);
                                yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 370);
                                yield ") ";
                            }
                            yield "\"> ";
                        }
                        // line 371
                        yield "                    <span class=\"option-value\">
                    ";
                        // line 372
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "name", [], "any", false, false, false, 372);
                        yield "
                      ";
                        // line 373
                        if ((CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 373) && ($context["optionPrice"] ?? null))) {
                            // line 374
                            yield "                        <span class=\"option-price\">(";
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price_prefix", [], "any", false, false, false, 374);
                            yield CoreExtension::getAttribute($this->env, $this->source, $context["option_value"], "price", [], "any", false, false, false, 374);
                            yield ")</span>
                      ";
                        }
                        // line 376
                        yield "                  </span>
                  </span>
                                </label>
                              </div>
                            ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['_key'], $context['option_value'], $context['_parent']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 380
                    yield " </div>
                          ";
                    // line 381
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 382
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 382);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 384
                    yield "                        </div>
                      ";
                }
                // line 386
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 386) == "text")) {
                    // line 387
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 387)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 387);
                    yield "\">
                          <label class=\"control-label\" for=\"input-option";
                    // line 388
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 388);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 388);
                    yield "</label>
                          <input type=\"text\" name=\"option[";
                    // line 389
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 389);
                    yield "]\" value=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "value", [], "any", false, false, false, 389);
                    yield "\" placeholder=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 389);
                    yield "\" id=\"input-option";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 389);
                    yield "\" class=\"form-control\" >
                          ";
                    // line 390
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 391
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 391);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 393
                    yield "                        </div>
                      ";
                }
                // line 395
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 395) == "textarea")) {
                    // line 396
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 396)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 396);
                    yield "\">
                          <label class=\"control-label\" for=\"input-option";
                    // line 397
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 397);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 397);
                    yield "</label>
                          <textarea name=\"option[";
                    // line 398
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 398);
                    yield "]\" rows=\"5\" placeholder=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 398);
                    yield "\" id=\"input-option";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 398);
                    yield "\" class=\"form-control\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "value", [], "any", false, false, false, 398);
                    yield "</textarea>
                          ";
                    // line 399
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 400
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 400);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 402
                    yield "                        </div>
                      ";
                }
                // line 404
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 404) == "file")) {
                    // line 405
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 405)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 405);
                    yield "\">
                          <label class=\"control-label\">";
                    // line 406
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 406);
                    yield "</label>
                          ";
                    // line 407
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 408
                        yield "                            <button type=\"button\" id=\"button-upload";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 408);
                        yield "\" data-oc-toggle=\"upload\" data-oc-url=\"";
                        yield ($context["upload"] ?? null);
                        yield "\" data-oc-target=\"#input-option";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 408);
                        yield "\" data-oc-size-max=\"";
                        yield ($context["config_file_max_size"] ?? null);
                        yield "\" data-oc-size-error=\"";
                        yield ($context["error_upload_size"] ?? null);
                        yield "\" class=\"btn btn-default btn-block  upload-btn\"><i class=\"fa-solid fa-upload\"></i> ";
                        yield ($context["button_upload"] ?? null);
                        yield "</button>
                            <input type=\"hidden\" name=\"option[";
                        // line 409
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 409);
                        yield "]\" value=\"\" id=\"input-option";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 409);
                        yield "\"/>
                          ";
                    } else {
                        // line 411
                        yield "                            <button type=\"button\" id=\"button-upload";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 411);
                        yield "\" data-loading-text=\"";
                        yield ($context["text_loading"] ?? null);
                        yield "\" class=\"btn btn-default btn-block  upload-btn\"><i class=\"fa fa-upload\"></i> ";
                        yield ($context["button_upload"] ?? null);
                        yield "</button>
                            <input type=\"hidden\" name=\"option[";
                        // line 412
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 412);
                        yield "]\" value=\"\" id=\"input-option";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 412);
                        yield "\" >
                          ";
                    }
                    // line 414
                    yield "                          ";
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 415
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 415);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 417
                    yield "                        </div>
                      ";
                }
                // line 419
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 419) == "date")) {
                    // line 420
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 420)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 420);
                    yield "\">
                          <label class=\"control-label\" for=\"input-option";
                    // line 421
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 421);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 421);
                    yield "</label>
                          <div class=\"input-group ";
                    // line 422
                    if ( !($context["journal3_is_oc4"] ?? null)) {
                        yield "date";
                    }
                    yield "\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"";
                    // line 423
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        yield "text";
                    } else {
                        yield "date";
                    }
                    yield "\" name=\"option[";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 423);
                    yield "]\" value=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "value", [], "any", false, false, false, 423);
                    yield "\" data-date-format=\"YYYY-MM-DD\" id=\"input-option";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 423);
                    yield "\" class=\"form-control ";
                    if (($context["journal3_is_oc4"] ?? null)) {
                        yield "date";
                    }
                    yield "\" />
                            ";
                    // line 424
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        // line 425
                        yield "                            <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            ";
                    }
                    // line 429
                    yield "                          </div>
                          ";
                    // line 430
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 431
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 431);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 433
                    yield "                        </div>
                      ";
                }
                // line 435
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 435) == "datetime")) {
                    // line 436
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 436)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 436);
                    yield "\">
                          <label class=\"control-label\" for=\"input-option";
                    // line 437
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 437);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 437);
                    yield "</label>
                          <div class=\"input-group ";
                    // line 438
                    if ( !($context["journal3_is_oc4"] ?? null)) {
                        yield "datetime";
                    }
                    yield "\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"";
                    // line 439
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        yield "text";
                    } else {
                        yield "datetime-local";
                    }
                    yield "\" name=\"option[";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 439);
                    yield "]\" value=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "value", [], "any", false, false, false, 439);
                    yield "\" data-date-format=\"YYYY-MM-DD HH:mm\" id=\"input-option";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 439);
                    yield "\" class=\"form-control ";
                    if (($context["journal3_is_oc4"] ?? null)) {
                        yield "datetime";
                    }
                    yield "\" />
                            ";
                    // line 440
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        // line 441
                        yield "                              <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            ";
                    }
                    // line 445
                    yield "                          </div>
                          ";
                    // line 446
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 447
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 447);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 449
                    yield "                        </div>
                      ";
                }
                // line 451
                yield "                      ";
                if ((CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 451) == "time")) {
                    // line 452
                    yield "                        <div class=\"form-group";
                    if (CoreExtension::getAttribute($this->env, $this->source, $context["option"], "required", [], "any", false, false, false, 452)) {
                        yield " required ";
                    }
                    yield " product-option-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "type", [], "any", false, false, false, 452);
                    yield "\">
                          <label class=\"control-label\" for=\"input-option";
                    // line 453
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 453);
                    yield "\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "name", [], "any", false, false, false, 453);
                    yield "</label>
                          <div class=\"input-group ";
                    // line 454
                    if ( !($context["journal3_is_oc4"] ?? null)) {
                        yield "time";
                    }
                    yield "\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"";
                    // line 455
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        yield "text";
                    } else {
                        yield "time";
                    }
                    yield "\" name=\"option[";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 455);
                    yield "]\" value=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "value", [], "any", false, false, false, 455);
                    yield "\" data-date-format=\"HH:mm\" id=\"input-option";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 455);
                    yield "\" class=\"form-control ";
                    if (($context["journal3_is_oc4"] ?? null)) {
                        yield "time";
                    }
                    yield "\" />
                            ";
                    // line 456
                    if ( !($context["journal3_is_oc41"] ?? null)) {
                        // line 457
                        yield "                              <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            ";
                    }
                    // line 461
                    yield "                          </div>
                          ";
                    // line 462
                    if (($context["journal3_is_oc4"] ?? null)) {
                        // line 463
                        yield "                          <div id=\"error-option-";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["option"], "product_option_id", [], "any", false, false, false, 463);
                        yield "\" class=\"invalid-feedback\"></div>
                          ";
                    }
                    // line 465
                    yield "                        </div>
                      ";
                }
                // line 467
                yield "                    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['option'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 468
            yield "                  </div>
                ";
        }
        // line 470
        yield "
                ";
        // line 471
        if (($context["recurrings"] ?? null)) {
            // line 472
            yield "                  <h3 class=\"title recurring-title\">";
            yield ($context["text_payment_recurring"] ?? null);
            yield "</h3>
                  <div class=\"form-group required\">
                    <select name=\"recurring_id\" class=\"form-control\">
                      <option value=\"\">";
            // line 475
            yield ($context["text_select"] ?? null);
            yield "</option>
                      ";
            // line 476
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["recurrings"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["recurring"]) {
                // line 477
                yield "                        <option value=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["recurring"], "recurring_id", [], "any", false, false, false, 477);
                yield "\">";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["recurring"], "name", [], "any", false, false, false, 477);
                yield "</option>
                      ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['recurring'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 479
            yield "                    </select>
                    <div class=\"help-block\" id=\"recurring-description\"></div>
                  </div>
                ";
        }
        // line 483
        yield "
                ";
        // line 484
        if ((((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogCartStatus"], "method", false, false, false, 484) || CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogWishlistStatus"], "method", false, false, false, 484)) || CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogCompareStatus"], "method", false, false, false, 484)) || (($context["journal3_product_extra_buttons"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 484)))) {
            // line 485
            yield "                  <div class=\"button-group-page\">
                    <div class=\"buttons-wrapper\">
                      <div class=\"stepper-group cart-group\">
                        ";
            // line 488
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogCartStatus"], "method", false, false, false, 488)) {
                // line 489
                yield "                          <label class=\"control-label\" for=\"product-quantity\">";
                yield ($context["entry_qty"] ?? null);
                yield "</label>
                          <div class=\"stepper\">
                            <button aria-label=\"-\" class=\"fa fa-angle-down\"></button>
                            <input id=\"product-quantity\" type=\"text\" name=\"quantity\" value=\"";
                // line 492
                yield (((($context["journal3_product_quantity"] ?? null) > 0)) ? (($context["journal3_product_quantity"] ?? null)) : (($context["minimum"] ?? null)));
                yield "\" data-minimum=\"";
                yield ($context["minimum"] ?? null);
                yield "\" class=\"form-control\"/>
                            <input id=\"product-id\" type=\"hidden\" name=\"product_id\" value=\"";
                // line 493
                yield ($context["product_id"] ?? null);
                yield "\" />
                            <button aria-label=\"+\" class=\"fa fa-angle-up\"></button>
                          </div>
                          <a id=\"button-cart\" role=\"button\" aria-label=\"";
                // line 496
                yield ($context["journal3_button_cart"] ?? null);
                yield "\" data-loading-text=\"<span class='btn-text'>";
                yield ($context["journal3_button_cart"] ?? null);
                yield "</span>\" class=\"btn btn-cart\" ";
                if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 496) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CartDisplay")], "method", false, false, false, 496) == "icon")) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CartTooltipStatus")], "method", false, false, false, 496))) {
                    yield " data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-cart-tooltip\" data-placement=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CartTooltipPosition")], "method", false, false, false, 496);
                    yield "\" title=\"";
                    yield ($context["journal3_button_cart"] ?? null);
                    yield "\" ";
                }
                yield "><span class=\"btn-text\">";
                yield ($context["journal3_button_cart"] ?? null);
                yield "</span></a>
                        ";
            }
            // line 498
            yield "                      </div>
                      ";
            // line 499
            if ((($context["journal3_product_extra_buttons"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 499))) {
                // line 500
                yield "                        <div class=\"extra-group\">
                          ";
                // line 501
                $context['_parent'] = $context;
                $context['_seq'] = CoreExtension::ensureTraversable(($context["journal3_product_extra_buttons"] ?? null));
                $context['loop'] = [
                  'parent' => $context['_parent'],
                  'index0' => 0,
                  'index'  => 1,
                  'first'  => true,
                ];
                if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                    $length = count($context['_seq']);
                    $context['loop']['revindex0'] = $length - 1;
                    $context['loop']['revindex'] = $length;
                    $context['loop']['length'] = $length;
                    $context['loop']['last'] = 1 === $length;
                }
                foreach ($context['_seq'] as $context["id"] => $context["extra_button"]) {
                    // line 502
                    yield "                            <a class=\"btn btn-extra btn-extra-";
                    yield $context["id"];
                    yield " btn-";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 502);
                    yield "-extra\" ";
                    if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 502) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(((($context["stylePrefix"] ?? null) . "Extra") . CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 502)) . "ButtonDisplay")], "method", false, false, false, 502) == "icon")) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "ExtraTooltipStatus")], "method", false, false, false, 502))) {
                        yield " data-toggle=\"tooltip-hover\" data-tooltip-class=\"extra-tooltip pp-extra-tooltip\" data-placement=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "ExtraTooltipPosition")], "method", false, false, false, 502);
                        yield "\" title=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "label", [], "any", false, false, false, 502);
                        yield "\" ";
                    }
                    yield " ";
                    if ((CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "action", [], "any", false, false, false, 502) == "quickbuy")) {
                        yield "data-quick-buy";
                    }
                    yield " ";
                    if (((CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "action", [], "any", false, false, false, 502) == "link") && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "link", [], "any", false, false, false, 502), "href", [], "any", false, false, false, 502))) {
                        yield "href=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "link", [], "any", false, false, false, 502), "href", [], "any", false, false, false, 502);
                        yield "\" ";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "linkAttrs", [CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "link", [], "any", false, false, false, 502)], "method", false, false, false, 502);
                        yield " data-product_id=\"";
                        yield ($context["product_id"] ?? null);
                        yield "\" ";
                    } else {
                        yield "role=\"button\" ";
                    }
                    yield " data-loading-text=\"<span class='btn-text'>";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "label", [], "any", false, false, false, 502);
                    yield "</span>\"><span class=\"btn-text\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, $context["extra_button"], "label", [], "any", false, false, false, 502);
                    yield "</span></a>
                          ";
                    ++$context['loop']['index0'];
                    ++$context['loop']['index'];
                    $context['loop']['first'] = false;
                    if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
                        --$context['loop']['revindex0'];
                        --$context['loop']['revindex'];
                        $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                    }
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['id'], $context['extra_button'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 504
                yield "                        </div>
                      ";
            }
            // line 506
            yield "                      ";
            if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogWishlistStatus"], "method", false, false, false, 506) || CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogCompareStatus"], "method", false, false, false, 506)) || CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 506))) {
                // line 507
                yield "                        <div class=\"wishlist-compare\">
                          ";
                // line 508
                if ( !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_options_popup", [], "any", false, false, false, 508)) {
                    // line 509
                    yield "                            ";
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogWishlistStatus"], "method", false, false, false, 509)) {
                        // line 510
                        yield "                              <a class=\"btn btn-wishlist\" role=\"button\" aria-label=\"";
                        yield ($context["button_wishlist"] ?? null);
                        yield "\" ";
                        if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 510) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "WishlistDisplay")], "method", false, false, false, 510) == "icon")) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "WishlistTooltipStatus")], "method", false, false, false, 510))) {
                            yield " data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-wishlist-tooltip\" data-placement=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "WishlistTooltipPosition")], "method", false, false, false, 510);
                            yield "\" title=\"";
                            yield ($context["button_wishlist"] ?? null);
                            yield "\" ";
                        }
                        yield " onclick=\"parent.wishlist.add(";
                        yield ($context["product_id"] ?? null);
                        yield ");\"><span class=\"btn-text\">";
                        yield ($context["button_wishlist"] ?? null);
                        yield "</span></a>
                            ";
                    }
                    // line 512
                    yield "                            ";
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["catalogCompareStatus"], "method", false, false, false, 512)) {
                        // line 513
                        yield "                              <a class=\"btn btn-compare\" role=\"button\" aria-label=\"";
                        yield ($context["button_compare"] ?? null);
                        yield "\" ";
                        if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 513) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CompareDisplay")], "method", false, false, false, 513) == "icon")) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CompareTooltipStatus")], "method", false, false, false, 513))) {
                            yield " data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-compare-tooltip\" data-placement=\"";
                            yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "CompareTooltipPosition")], "method", false, false, false, 513);
                            yield "\" title=\"";
                            yield ($context["button_compare"] ?? null);
                            yield "\" ";
                        }
                        yield " onclick=\"parent.compare.add(";
                        yield ($context["product_id"] ?? null);
                        yield ");\"><span class=\"btn-text\">";
                        yield ($context["button_compare"] ?? null);
                        yield "</span></a>
                            ";
                    }
                    // line 515
                    yield "                          ";
                }
                // line 516
                yield "                        </div>
                        ";
                // line 517
                if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 517)) {
                    // line 518
                    yield "                          <a class=\"btn btn-more-details\" href=\"";
                    yield ($context["journal3_view_more_url"] ?? null);
                    yield "\" target=\"_top\" ";
                    if (((CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_desktop", [], "any", false, false, false, 518) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "MoreDetailsDisplay")], "method", false, false, false, 518) == "icon")) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "MoreDetailsTooltipStatus")], "method", false, false, false, 518))) {
                        yield " data-toggle=\"tooltip-hover\" data-tooltip-class=\"more-details-tooltip\" data-placement=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "MoreDetailsTooltipPosition")], "method", false, false, false, 518);
                        yield "\" title=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewExtraText"], "method", false, false, false, 518);
                        yield "\" ";
                    }
                    yield "><span class=\"btn-text\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewExtraText"], "method", false, false, false, 518);
                    yield "</span></a>
                        ";
                }
                // line 520
                yield "                      ";
            }
            // line 521
            yield "                    </div>
                  </div>
                ";
        }
        // line 524
        yield "</div>
<!--
 <div class=\"alert alert-primary mb-3 p-0 d-flex justify-content-between align-items-center gap-3 \" role=\"alert\">
<div class=\"birthday-wrapper \">
  <div class=\"p-3 mb-3 mt-3 d-flex justify-content-between align-items-center gap-3\">
<span style=\"width: 4.3rem;\"> <svg role=\"img\" fill=\"#fff\"  class=\"svg-icon__icon\" focusable=\"false\" viewBox=\"0 0 22 7\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.653 0H5.298L4.055 2.075 3.685 0h-2.37l.872 3.27L0 6.594h2.353l1.258-2.11.438 2.11h2.305l-.908-3.297L7.653 0ZM18.581 3.668h.902l-.108-1.67-.794 1.67ZM14.71 2.066l-.666-.007-.175.889.666.007c.377 0 .633-.23.633-.559 0-.209-.148-.33-.458-.33Z\"></path><path d=\"m8.6 0-.626.935h4.252l-.243 1.259h-1.218l-.673 3.453H8.61l.673-3.453H7.131l-.738 1.103.908 3.297H22V0H8.6Zm7.322 5.647h-1.474l-.297-1.629h-.491l-.316 1.63h-1.4l.915-4.713h2.235c.909 0 1.454.451 1.454 1.185s-.438 1.32-1.084 1.609l.458 1.918Zm3.696 0-.06-.895h-1.495l-.424.895h-1.367l2.37-4.712h1.864l.519 4.712h-1.407Z\"></path></svg></span>
<div class=\"d-flex flex-column w-100\">
<p class=\"fw-bold\">Wir feiern 5 Jahre – du sparst 10 €*!</p>
<p class=\"m-0\">Der Online-Marktplatz hat Geburtstag – 10-€-Coupon & Jubiläumsangebote warten!</p>
</div>
 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.63\" height=\"25\" viewBox=\"0 0 320 512\"><path fill=\"#fff\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256L73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>
  </div>
</div>
</div>-->

                ";
        // line 539
        if ((($context["minimum"] ?? null) > 1)) {
            // line 540
            yield "                  <div class=\"minimum alert alert-info\"><i class=\"fa fa-info-circle\"></i> ";
            yield ($context["text_minimum"] ?? null);
            yield "</div>
                ";
        }
        // line 542
        yield "
                ";
        // line 543
        yield ($context["journal3_product_tabs_blocks_details"] ?? null);
        yield "
              </div>
            ";
        // line 545
        yield ($context["journal3_product_tabs_blocks_bottom"] ?? null);
        yield "

            ";
        // line 547
        if (((($context["tags"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 547)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "TagsPosition")], "method", false, false, false, 547) == "details"))) {
            // line 548
            yield "              <div class=\"tags\">
                <span class=\"tags-title\">";
            // line 549
            yield ($context["text_tags"] ?? null);
            yield "</span>
                ";
            // line 550
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["tags"] ?? null));
            $context['loop'] = [
              'parent' => $context['_parent'],
              'index0' => 0,
              'index'  => 1,
              'first'  => true,
            ];
            if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                $length = count($context['_seq']);
                $context['loop']['revindex0'] = $length - 1;
                $context['loop']['revindex'] = $length;
                $context['loop']['length'] = $length;
                $context['loop']['last'] = 1 === $length;
            }
            foreach ($context['_seq'] as $context["_key"] => $context["tag"]) {
                // line 551
                yield "                  <a href=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "href", [], "any", false, false, false, 551);
                yield "\">";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "tag", [], "any", false, false, false, 551);
                yield "</a>
                  ";
                // line 552
                if ( !CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 552)) {
                    yield "<b>,</b>";
                }
                // line 553
                yield "                ";
                ++$context['loop']['index0'];
                ++$context['loop']['index'];
                $context['loop']['first'] = false;
                if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
                    --$context['loop']['revindex0'];
                    --$context['loop']['revindex'];
                    $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                }
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['tag'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 554
            yield "              </div>
            ";
        }
        // line 556
        yield "
";
        // line 571
        yield "          </div>
        </div>
      </div>

      ";
        // line 575
        if ((((($context["description"] ?? null) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_quickview_popup", [], "any", false, false, false, 575)) && CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescription"], "method", false, false, false, 575)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewDescriptionPosition"], "method", false, false, false, 575) == "default"))) {
            // line 576
            yield "        <div class=\"description ";
            yield ($context["quickviewExpand"] ?? null);
            yield "\">
          <div class=\"expand-block\">
            <div class=\"expand-content\">";
            // line 578
            yield ($context["description"] ?? null);
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["quickviewExpandButton"], "method", false, false, false, 578)) {
                yield "<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", ["globalExpandButtonText"], "method", false, false, false, 578);
                yield "\"></a></div>";
            }
            yield "</div>
          </div>
        </div>
      ";
        }
        // line 582
        yield "
      ";
        // line 583
        yield ($context["journal3_product_tabs_blocks_default"] ?? null);
        yield "

      ";
        // line 585
        if (((($context["tags"] ?? null) &&  !CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "is_popup", [], "any", false, false, false, 585)) && (CoreExtension::getAttribute($this->env, $this->source, ($context["journal3"] ?? null), "get", [(($context["stylePrefix"] ?? null) . "TagsPosition")], "method", false, false, false, 585) == "default"))) {
            // line 586
            yield "      <div class=\"tags\">
        <span class=\"tags-title\">";
            // line 587
            yield ($context["text_tags"] ?? null);
            yield "</span>
        ";
            // line 588
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["tags"] ?? null));
            $context['loop'] = [
              'parent' => $context['_parent'],
              'index0' => 0,
              'index'  => 1,
              'first'  => true,
            ];
            if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                $length = count($context['_seq']);
                $context['loop']['revindex0'] = $length - 1;
                $context['loop']['revindex'] = $length;
                $context['loop']['length'] = $length;
                $context['loop']['last'] = 1 === $length;
            }
            foreach ($context['_seq'] as $context["_key"] => $context["tag"]) {
                // line 589
                yield "          <a href=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "href", [], "any", false, false, false, 589);
                yield "\">";
                yield CoreExtension::getAttribute($this->env, $this->source, $context["tag"], "tag", [], "any", false, false, false, 589);
                yield "</a>
          ";
                // line 590
                if ( !CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 590)) {
                    yield "<b>,</b>";
                }
                // line 591
                yield "        ";
                ++$context['loop']['index0'];
                ++$context['loop']['index'];
                $context['loop']['first'] = false;
                if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
                    --$context['loop']['revindex0'];
                    --$context['loop']['revindex'];
                    $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                }
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['tag'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 592
            yield "      </div>
      ";
        }
        // line 594
        yield "      ";
        yield ($context["content_bottom"] ?? null);
        yield "</div>
    ";
        // line 595
        yield ($context["column_right"] ?? null);
        yield "</div>
</div>
<script>
  // calculate vertical images height
  (function () {
    const \$img = document.querySelector('.direction-vertical .main-image .swiper-slide img');
    const \$ad = document.querySelector('.direction-vertical .additional-images');

    if (\$img && \$ad) {
      \$ad.style.height = \$img.offsetHeight + 'px';
    }
  })();
</script>
";
        // line 608
        if (($context["journal3_is_oc3"] ?? null)) {
            // line 609
            yield "<script type=\"text/javascript\"><!--
\$('select[name=\\'recurring_id\\'], input[name=\"quantity\"]').change(function(){
\t\$.ajax({
\t\turl: 'index.php?route=product/product/getRecurringDescription',
\t\ttype: 'post',
\t\tdata: \$('input[name=\\'product_id\\'], input[name=\\'quantity\\'], select[name=\\'recurring_id\\']'),
\t\tdataType: 'json',
\t\tbeforeSend: function() {
\t\t\t\$('#recurring-description').html('');
\t\t},
\t\tsuccess: function(json) {
\t\t\t\$('.alert-dismissible, .text-danger').remove();

\t\t\tif (json['success']) {
\t\t\t\t\$('#recurring-description').html(json['success']);
\t\t\t}
\t\t}
\t});
});
//--></script>
";
        }
        // line 630
        yield "<script type=\"text/javascript\"><!--
\$('#button-cart, [data-quick-buy]').on('click', function () {
  var \$btn = \$(this);
\t\$.ajax({
\t\turl: 'index.php?route=checkout/cart";
        // line 634
        yield Twig\Extension\CoreExtension::constant("JOURNAL3_ROUTE_SEPARATOR");
        yield "add";
        if (($context["journal3_is_oc4"] ?? null)) {
            yield "&language=";
            yield ($context["language"] ?? null);
        }
        yield "',
\t\ttype: 'post',
\t\tdata: \$(
      '#product .button-group-page input[type=\\'text\\'], #product .button-group-page input[type=\\'hidden\\'], #product .button-group-page input[type=\\'radio\\']:checked, #product .button-group-page input[type=\\'checkbox\\']:checked, #product .button-group-page select, #product .button-group-page textarea, ' +
      '#product .product-options input[type=\\'text\\'], #product .product-options input[type=\\'hidden\\'], #product .product-options input[type=\\'radio\\']:checked, #product .product-options input[type=\\'checkbox\\']:checked, #product .product-options select, #product .product-options textarea, ' +
      '#product select[name=\"recurring_id\"]'
    ),
\t\tdataType: 'json',
\t\tbeforeSend: function() {
\t\t\t\$('#button-cart').jbutton('loading');
\t\t},
\t\tcomplete: function() {
\t\t\t\$('#button-cart').jbutton('reset');
\t\t},
\t\tsuccess: function(json) {
\t\t\t\$('.alert-dismissible, .text-danger').remove();
\t\t\t\$('.form-group').removeClass('has-error');
      \$('#product').find('.is-invalid').removeClass('is-invalid');
      \$('#product').find('.invalid-feedback').removeClass('d-block');

\t\t\tif (json['error']) {
        ";
        // line 655
        if (($context["journal3_is_oc4"] ?? null)) {
            // line 656
            yield "        for (key in json['error']) {
          \$('#input-' + key.replaceAll('_', '')).closest('.form-group').addClass('has-error');
          \$('#error-' + key.replaceAll('_', '-')).html(json['error'][key]).addClass('d-block');
        }
        ";
        } else {
            // line 661
            yield "        if (json['error']['option']) {
\t\t\t\t\tfor (i in json['error']['option']) {
\t\t\t\t\t\tvar element = \$('#input-option' + i.replace('_', '-'));

\t\t\t\t\t\tif (element.parent().hasClass('input-group')) {
\t\t\t\t\t\t\telement.parent().after('<div class=\"text-danger\">' + json['error']['option'][i] + '</div>');
\t\t\t\t\t\t} else {
\t\t\t\t\t\t\telement.after('<div class=\"text-danger\">' + json['error']['option'][i] + '</div>');
\t\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t}

\t\t\t\tif (json['error']['recurring']) {
\t\t\t\t\t\$('select[name=\\'recurring_id\\']').after('<div class=\"text-danger\">' + json['error']['recurring'] + '</div>');
\t\t\t\t}

\t\t\t\t// Highlight any found errors
\t\t\t\t\$('.text-danger').parent().addClass('has-error');

        ";
        }
        // line 681
        yield "
        try {
          \$('html, body').animate({ scrollTop: \$('.form-group.has-error').offset().top - \$('header').height() - 20 }, 'slow');
        } catch (e) {
        }
\t\t\t}

\t\t\tif (json['success']) {
        if (\$('html').hasClass('popup-options')) {
          parent.\$(\".popup-options .popup-close\").trigger('click');
        }

        if (json['notification']) {
          parent.show_notification(json['notification']);
        } else {
          parent.\$('#content').parent().before('<div class=\"alert alert-success alert-dismissible\"><i class=\"fa fa-check-circle\"></i> ' + json['success'] + ' <button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;</button></div>');
        }

        parent.\$('#cart-total').html(json['total']);
        parent.\$('#cart-items,.cart-badge').html(json['items_count']);

        if (json['items_count']) {
          parent.\$('#cart-items,.cart-badge').removeClass('count-zero');
          parent.\$('#cart').addClass('cart-has-items');
        } else {
          parent.\$('#cart-items,.cart-badge').addClass('count-zero');
          parent.\$('#cart').removeClass('cart-has-items');
        }

        if (Journal['scrollToTop']) {
          parent.\$('html, body').animate({ scrollTop: 0 }, 'slow');
        }

        parent.\$('.cart-content ul').load('index.php?route=common/cart";
        // line 714
        yield Twig\Extension\CoreExtension::constant("JOURNAL3_ROUTE_SEPARATOR");
        yield "info";
        if (($context["journal3_is_oc4"] ?? null)) {
            yield "&language=";
            yield ($context["language"] ?? null);
        }
        yield " ul li');

        if (window.location.href.indexOf('quick_buy=true') !== -1) {
          parent.location.href = Journal['checkoutUrl'];
        }

        if (\$btn.data('quick-buy') !== undefined) {
          location = Journal['checkoutUrl'];
        }

        if (parent.window['_QuickCheckout']) {
          parent.window['_QuickCheckout'].save();
        }

        if (json['redirect']) {
          parent.location.href = json['redirect'];
        }
      }
\t\t},
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);
        }
\t});
});
//--></script>
";
        // line 739
        if (($context["journal3_is_oc3"] ?? null)) {
            // line 740
            yield "<script type=\"text/javascript\"><!--
\$('.date').datetimepicker({
\tlanguage: '";
            // line 742
            yield ($context["datepicker"] ?? null);
            yield "',
\tpickTime: false
});

\$('.datetime').datetimepicker({
\tlanguage: '";
            // line 747
            yield ($context["datepicker"] ?? null);
            yield "',
\tpickDate: true,
\tpickTime: true
});

\$('.time').datetimepicker({
\tlanguage: '";
            // line 753
            yield ($context["datepicker"] ?? null);
            yield "',
\tpickDate: false
});

\$('button[id^=\\'button-upload\\']').on('click', function() {
\tvar node = this;

\t\$('#form-upload').remove();

\t\$('body').prepend('<form enctype=\"multipart/form-data\" id=\"form-upload\" style=\"display: none;\"><input type=\"file\" name=\"file\" /></form>');

\t\$('#form-upload input[name=\\'file\\']').trigger('click');

\tif (typeof timer != 'undefined') {
    \tclearInterval(timer);
\t}

\ttimer = setInterval(function() {
\t\tif (\$('#form-upload input[name=\\'file\\']').val() != '') {
\t\t\tclearInterval(timer);

\t\t\t\$.ajax({
\t\t\t\turl: 'index.php?route=tool/upload',
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tdata: new FormData(\$('#form-upload')[0]),
\t\t\t\tcache: false,
\t\t\t\tcontentType: false,
\t\t\t\tprocessData: false,
\t\t\t\tbeforeSend: function() {
\t\t\t\t\t\$(node).button('loading');
\t\t\t\t},
\t\t\t\tcomplete: function() {
\t\t\t\t\t\$(node).button('reset');
\t\t\t\t},
\t\t\t\tsuccess: function(json) {
\t\t\t\t\t\$('.text-danger').remove();

\t\t\t\t\tif (json['error']) {
\t\t\t\t\t\t\$(node).parent().find('input').after('<div class=\"text-danger\">' + json['error'] + '</div>');
\t\t\t\t\t}

\t\t\t\t\tif (json['success']) {
\t\t\t\t\t\talert(json['success']);

\t\t\t\t\t\t\$(node).parent().find('input').val(json['code']);
\t\t\t\t\t}
\t\t\t\t},
\t\t\t\terror: function(xhr, ajaxOptions, thrownError) {
\t\t\t\t\talert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);
\t\t\t\t}
\t\t\t});
\t\t}
\t}, 500);
});
//--></script>
";
        }
        // line 810
        yield "<script type=\"text/javascript\"><!--
";
        // line 811
        if (($context["journal3_is_oc3"] ?? null)) {
            // line 812
            yield "\$(function () {
  \$('#review').delegate('.pagination a', 'click', function(e) {
    e.preventDefault();

    \$('#review').fadeOut('slow');

    \$('#review').load(this.href);

    \$('#review').fadeIn('slow');
  });

  \$('#review').load('index.php?route=product/product/review&product_id=";
            // line 823
            yield ($context["product_id"] ?? null);
            yield "');

  \$('#button-review').on('click', function() {
    \$.ajax({
      url: 'index.php?route=product/product";
            // line 827
            yield Twig\Extension\CoreExtension::constant("JOURNAL3_ROUTE_SEPARATOR");
            yield "write&product_id=";
            yield ($context["product_id"] ?? null);
            yield "',
      type: 'post',
      dataType: 'json',
      data: \$(\"#form-review\").serialize(),
      beforeSend: function() {
        \$('#button-review').button('loading');
      },
      complete: function() {
        \$('#button-review').button('reset');
      },
      success: function(json) {
        \$('.alert-dismissible').remove();

        if (json['error']) {
          \$('#review').after('<div class=\"alert alert-danger alert-dismissible\"><i class=\"fa fa-exclamation-circle\"></i> ' + json['error'] + '</div>');
        }

        if (json['success']) {
          \$('#review').after('<div class=\"alert alert-success alert-dismissible\"><i class=\"fa fa-check-circle\"></i> ' + json['success'] + '</div>');

          \$('input[name=\\'name\\']').val('');
          \$('textarea[name=\\'text\\']').val('');
          \$('input[name=\\'rating\\']:checked').prop('checked', false);
        }
      }
    });
  });
});
";
        }
        // line 856
        yield "
\$(document).ready(function() {
\t\$('.thumbnails').magnificPopup({
\t\ttype:'image',
\t\tdelegate: 'a',
\t\tgallery: {
\t\t\tenabled: true
\t\t}
\t});
});

\$(document).ready(function () {
  \$('.review-links a').on('click', function () {
    var \$review = \$('#review');
    if (\$review.length) {
      \$('a[href=\"#' + \$review.closest('.module-item').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$review.closest('.tab-pane').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$review.closest('.panel-collapse').attr('id') + '\"]').trigger('click');
      \$review.closest('.expand-block').find('.block-expand.btn').trigger('click');

      \$([document.documentElement, document.body]).animate({
        scrollTop: \$review.offset().top - \$('header').height() - 20
      }, 200);
    }
  });

  \$('#read-more-desc').on('click', function () {
    var \$desc = \$('.product-extra-description');
    if (\$desc.length) {
      \$('a[href=\"#' + \$desc.closest('.module-item').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$desc.closest('.tab-pane').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$desc.closest('.panel-collapse').attr('id') + '\"]').trigger('click');
      \$desc.find('.expand-block').find('.block-expand.btn').trigger('click');

      \$([document.documentElement, document.body]).animate({
        scrollTop: \$desc.offset().top - \$('header').height() - 20
      }, 200);
    }
  });
});
//--></script>
";
        // line 897
        yield ($context["journal3_rich_snippets"] ?? null);
        yield "

<style>
.gsc-premium-wrap {
  width: 100%;
  margin: 14px 0 16px 0;
  clear: both;
}

.gsc-premium-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(16, 185, 129, 0.28);
  border-radius: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 58%, #eff6ff 100%);
  color: #0f172a;
  font-family: inherit;
  line-height: 1.35;
  overflow: hidden;
}

.gsc-premium-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #10b981 0%, #2563eb 100%);
}

.gsc-premium-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.22), 0 6px 16px rgba(15, 23, 42, 0.08);
  font-size: 22px;
}

.gsc-premium-content {
  min-width: 0;
  flex: 1 1 auto;
}

.gsc-premium-title {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 800;
  color: #064e3b;
}

.gsc-premium-text {
  display: block;
  font-size: 13px;
  color: #334155;
}

.gsc-premium-counter {
  display: inline-block;
  font-weight: 800;
  color: #dc2626;
  white-space: nowrap;
}

.gsc-premium-date {
  color: #0f172a;
}

.gsc-premium-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: #10b981;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .gsc-premium-box {
    align-items: flex-start;
    padding: 13px 12px 13px 14px;
    gap: 10px;
    border-radius: 12px;
  }

  .gsc-premium-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 19px;
  }

  .gsc-premium-title {
    font-size: 14px;
  }

  .gsc-premium-text {
    font-size: 12.5px;
  }

  .gsc-premium-badge {
    display: none;
  }

  .gsc-premium-counter {
    white-space: normal;
  }
}
</style>

<div id=\"guaranteed-shipping-countdown\" class=\"gsc-premium-wrap\" aria-live=\"polite\"></div>

<script>
(function () {
  'use strict';

  var CUT_OFF_HOUR = 17;
  var CUT_OFF_MINUTE = 0;
  var CUT_OFF_SECOND = 0;
  var TIMER_KEY = 'gscPremiumTimerV2';

  function getBox() {
    return document.getElementById('guaranteed-shipping-countdown');
  }

  function isWeekend(date) {
    var day = date.getDay();
    return day === 0 || day === 6;
  }

  function isBusinessDay(date) {
    return !isWeekend(date);
  }

  function getCutoffDate(date) {
    return new Date(
      date.getFullYear(),
      date.getMonth(),
      date.getDate(),
      CUT_OFF_HOUR,
      CUT_OFF_MINUTE,
      CUT_OFF_SECOND,
      0
    );
  }

  function getNextBusinessShippingDate(now) {
    var todayCutoff = getCutoffDate(now);

    if (isBusinessDay(now) && now.getTime() < todayCutoff.getTime()) {
      return todayCutoff;
    }

    var next = new Date(
      now.getFullYear(),
      now.getMonth(),
      now.getDate() + 1,
      CUT_OFF_HOUR,
      CUT_OFF_MINUTE,
      CUT_OFF_SECOND,
      0
    );

    while (!isBusinessDay(next)) {
      next.setDate(next.getDate() + 1);
    }

    return next;
  }

  function formatDateDE(date) {
    return date.toLocaleDateString('de-DE', {
      weekday: 'long',
      day: 'numeric',
      month: 'long',
      year: 'numeric'
    });
  }

  function formatRemaining(ms) {
    var totalSeconds = Math.max(0, Math.floor(ms / 1000));
    var days = Math.floor(totalSeconds / 86400);
    var hours = Math.floor((totalSeconds % 86400) / 3600);
    var minutes = Math.floor((totalSeconds % 3600) / 60);
    var seconds = totalSeconds % 60;

    var text = '';

    if (days > 0) {
      text += days + ' Tage, ';
    }

    text += hours + ' Stunden, ' + minutes + ' Minuten und ' + seconds + ' Sekunden';

    return text;
  }

function moveBeforeAddToCart() {
  var box = getBox();
  if (!box) return;

  var addToCartButton = document.querySelector(
    '#button-cart, button[id=\"button-cart\"], .button-cart, [data-loading-text][onclick*=\"cart.add\"]'
  );

  if (!addToCartButton || box.dataset.gscMoved === '1') return;

  var target = addToCartButton;
  var parent = target.parentNode;

  var group = target.closest(
    '.button-group-page, .product-buttons, .cart, .form-group, .buttons-wrapper'
  );

  if (group && group.parentNode && group.parentNode.parentNode) {
      parent = group.parentNode.parentNode;
      target = group.parentNode;
  } else if (group && group.parentNode) {
      parent = group.parentNode;
      target = group;
  }

  parent.insertBefore(box, target);
  box.dataset.gscMoved = '1';
}

  function render() {
    var box = getBox();
    if (!box) return;

    var now = new Date();
    var shippingDate = getNextBusinessShippingDate(now);
    var remaining = shippingDate.getTime() - now.getTime();
    var isToday = now.toDateString() === shippingDate.toDateString();
    var dateText = isToday ? 'Heute, ' + formatDateDE(shippingDate) : formatDateDE(shippingDate);

    box.innerHTML =
      '<div class=\"gsc-premium-box\">' +
        '<div class=\"gsc-premium-icon\" aria-hidden=\"true\">🚚</div>' +
        '<div class=\"gsc-premium-content\">' +
          '<span class=\"gsc-premium-title\">' +
            '<span class=\"gsc-premium-date\">' + dateText + '</span> garantierter Versand' +
          '</span>' +
          '<span class=\"gsc-premium-text\">' +
            'Wenn Bestellung und Zahlung innerhalb von ' +
            '<span class=\"gsc-premium-counter\">' + formatRemaining(remaining) + '</span> erfolgen, wird Ihre Bestellung versendet.' +
          '</span>' +
        '</div>' +
        '<div class=\"gsc-premium-badge\">SCHNELLER VERSAND</div>' +
      '</div>';
  }

  function startCountdown() {
    render();
    moveBeforeAddToCart();

    setTimeout(moveBeforeAddToCart, 500);
    setTimeout(moveBeforeAddToCart, 1500);

    if (window[TIMER_KEY]) {
      clearInterval(window[TIMER_KEY]);
    }

    window[TIMER_KEY] = setInterval(function () {
      render();
      moveBeforeAddToCart();
    }, 1000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startCountdown);
  } else {
    startCountdown();
  }
})();
</script>
            
";
        // line 1186
        yield ($context["footer"] ?? null);
        yield " 
";
        yield from [];
    }

    // line 1
    public function macro_productStats($͜context = null, ...$varargs): string|Markup
    {
        $macros = $this->macros;
        $context = [
            "context" => $͜context,
            "varargs" => $varargs,
        ] + $this->env->getGlobals();

        $blocks = [];

        return ('' === $tmp = \Twig\Extension\CoreExtension::captureOutput((function () use (&$context, $macros, $blocks) {
            // line 2
            yield "  <div class=\"product-stats\">
    <ul class=\"list-unstyled\">
      ";
            // line 4
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_stock", [], "any", false, false, false, 4)) {
                // line 5
                yield "        <li class=\"product-stock ";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_stock_class", [], "any", false, false, false, 5);
                yield "\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_stock_text", [], "any", false, false, false, 5);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_stock_value", [], "any", false, false, false, 5);
                yield " ";
                if ((CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_stock_class", [], "any", false, false, false, 5) == "in-stock")) {
                    yield "vorrätig";
                }
                yield "</span></li>
      ";
            }
            // line 7
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer", [], "any", false, false, false, 7)) {
                // line 8
                yield "        <li class=\"product-manufacturer\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_text", [], "any", false, false, false, 8);
                yield ":</b> <a href=\"";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_href", [], "any", false, false, false, 8);
                yield "\">";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_value", [], "any", false, false, false, 8);
                yield "</a></li>
      ";
            }
            // line 10
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_reward", [], "any", false, false, false, 10)) {
                // line 11
                yield "        <li class=\"product-reward\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_reward_text", [], "any", false, false, false, 11);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_reward_value", [], "any", false, false, false, 11);
                yield "</span></li>
      ";
            }
            // line 13
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_model", [], "any", false, false, false, 13)) {
                // line 14
                yield "        <li class=\"product-model\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_model_text", [], "any", false, false, false, 14);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_model_value", [], "any", false, false, false, 14);
                yield "</span></li>
      ";
            }
            // line 16
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_weight", [], "any", false, false, false, 16)) {
                // line 17
                yield "        <li class=\"product-weight\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_weight_text", [], "any", false, false, false, 17);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_weight_value", [], "any", false, false, false, 17);
                yield "</span></li>
      ";
            }
            // line 19
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_dimensions", [], "any", false, false, false, 19)) {
                // line 20
                yield "        <li class=\"product-dimension\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_dimensions_text", [], "any", false, false, false, 20);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_dimensions_value", [], "any", false, false, false, 20);
                yield "</span></li>
      ";
            }
            // line 22
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sku", [], "any", false, false, false, 22)) {
                // line 23
                yield "        <li class=\"product-sku\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sku_text", [], "any", false, false, false, 23);
                yield ":</b> <span> ";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sku_value", [], "any", false, false, false, 23);
                yield "</span></li>
      ";
            }
            // line 25
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_upc", [], "any", false, false, false, 25)) {
                // line 26
                yield "        <li class=\"product-upc\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_upc_text", [], "any", false, false, false, 26);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_upc_value", [], "any", false, false, false, 26);
                yield "</span></li>
      ";
            }
            // line 28
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_ean", [], "any", false, false, false, 28)) {
                // line 29
                yield "        <li class=\"product-ean\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_ean_text", [], "any", false, false, false, 29);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_ean_value", [], "any", false, false, false, 29);
                yield "</span></li>
      ";
            }
            // line 31
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_jan", [], "any", false, false, false, 31)) {
                // line 32
                yield "        <li class=\"product-jan\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_jan_text", [], "any", false, false, false, 32);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_jan_value", [], "any", false, false, false, 32);
                yield "</span></li>
      ";
            }
            // line 34
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_isbn", [], "any", false, false, false, 34)) {
                // line 35
                yield "        <li class=\"product-isbn\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_isbn_text", [], "any", false, false, false, 35);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_isbn_value", [], "any", false, false, false, 35);
                yield "</span></li>
      ";
            }
            // line 37
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_mpn", [], "any", false, false, false, 37)) {
                // line 38
                yield "        <li class=\"product-mpn\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_mpn_text", [], "any", false, false, false, 38);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_mpn_value", [], "any", false, false, false, 38);
                yield "</span></li>
      ";
            }
            // line 40
            yield "      ";
            if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_location", [], "any", false, false, false, 40)) {
                // line 41
                yield "        <li class=\"product-location\"><b>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_location_text", [], "any", false, false, false, 41);
                yield ":</b> <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_location_value", [], "any", false, false, false, 41);
                yield "</span></li>
      ";
            }
            // line 43
            yield "    </ul>
    ";
            // line 44
            if ((CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer", [], "any", false, false, false, 44) && (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_display", [], "any", false, false, false, 44) == "image"))) {
                // line 45
                yield "      <div class=\"brand-image product-manufacturer\">
        <a href=\"";
                // line 46
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_href", [], "any", false, false, false, 46);
                yield "\">
          ";
                // line 47
                if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_image", [], "any", false, false, false, 47)) {
                    // line 48
                    yield "          <img src=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_image", [], "any", false, false, false, 48);
                    yield "\" ";
                    if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_image2x", [], "any", false, false, false, 48)) {
                        yield "srcset=\"";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_image", [], "any", false, false, false, 48);
                        yield " 1x, ";
                        yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_manufacturer_image2x", [], "any", false, false, false, 48);
                        yield " 2x\"";
                    }
                    yield " alt=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "manufacturer", [], "any", false, false, false, 48);
                    yield "\" width=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3", [], "any", false, false, false, 48), "get", ["image_dimensions_manufacturer_logo.width"], "method", false, false, false, 48);
                    yield "\" height=\"";
                    yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3", [], "any", false, false, false, 48), "get", ["image_dimensions_manufacturer_logo.height"], "method", false, false, false, 48);
                    yield "\"/>
        ";
                }
                // line 50
                yield "          <span>";
                yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "manufacturer", [], "any", false, false, false, 50);
                yield "</span>
        </a>
      </div>
    ";
            }
            // line 54
            yield "    ";
            if ((CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sold", [], "any", false, false, false, 54) || CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_views", [], "any", false, false, false, 54))) {
                // line 55
                yield "      <div class=\"custom-stats\">
        ";
                // line 56
                if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sold", [], "any", false, false, false, 56)) {
                    // line 57
                    yield "          <div class=\"product-sold\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_sold", [], "any", false, false, false, 57);
                    yield "</div>
        ";
                }
                // line 59
                yield "        ";
                if (CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_views", [], "any", false, false, false, 59)) {
                    // line 60
                    yield "          <div class=\"product-views\">";
                    yield CoreExtension::getAttribute($this->env, $this->source, ($context["context"] ?? null), "journal3_product_views", [], "any", false, false, false, 60);
                    yield "</div>
        ";
                }
                // line 62
                yield "      </div>
    ";
            }
            // line 64
            yield "  </div>
";
            yield from [];
        })())) ? '' : new Markup($tmp, $this->env->getCharset());
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "vqmod/vqcache/vq2-catalog_view_theme_journal3_template_product_product.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable(): bool
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  2873 => 64,  2869 => 62,  2863 => 60,  2860 => 59,  2854 => 57,  2852 => 56,  2849 => 55,  2846 => 54,  2838 => 50,  2818 => 48,  2816 => 47,  2812 => 46,  2809 => 45,  2807 => 44,  2804 => 43,  2796 => 41,  2793 => 40,  2785 => 38,  2782 => 37,  2774 => 35,  2771 => 34,  2763 => 32,  2760 => 31,  2752 => 29,  2749 => 28,  2741 => 26,  2738 => 25,  2730 => 23,  2727 => 22,  2719 => 20,  2716 => 19,  2708 => 17,  2705 => 16,  2697 => 14,  2694 => 13,  2686 => 11,  2683 => 10,  2673 => 8,  2670 => 7,  2656 => 5,  2654 => 4,  2650 => 2,  2638 => 1,  2631 => 1186,  2339 => 897,  2296 => 856,  2262 => 827,  2255 => 823,  2242 => 812,  2240 => 811,  2237 => 810,  2177 => 753,  2168 => 747,  2160 => 742,  2156 => 740,  2154 => 739,  2121 => 714,  2086 => 681,  2064 => 661,  2057 => 656,  2055 => 655,  2026 => 634,  2020 => 630,  1997 => 609,  1995 => 608,  1979 => 595,  1974 => 594,  1970 => 592,  1956 => 591,  1952 => 590,  1945 => 589,  1928 => 588,  1924 => 587,  1921 => 586,  1919 => 585,  1914 => 583,  1911 => 582,  1899 => 578,  1893 => 576,  1891 => 575,  1885 => 571,  1882 => 556,  1878 => 554,  1864 => 553,  1860 => 552,  1853 => 551,  1836 => 550,  1832 => 549,  1829 => 548,  1827 => 547,  1822 => 545,  1817 => 543,  1814 => 542,  1808 => 540,  1806 => 539,  1789 => 524,  1784 => 521,  1781 => 520,  1765 => 518,  1763 => 517,  1760 => 516,  1757 => 515,  1739 => 513,  1736 => 512,  1718 => 510,  1715 => 509,  1713 => 508,  1710 => 507,  1707 => 506,  1703 => 504,  1656 => 502,  1639 => 501,  1636 => 500,  1634 => 499,  1631 => 498,  1614 => 496,  1608 => 493,  1602 => 492,  1595 => 489,  1593 => 488,  1588 => 485,  1586 => 484,  1583 => 483,  1577 => 479,  1566 => 477,  1562 => 476,  1558 => 475,  1551 => 472,  1549 => 471,  1546 => 470,  1542 => 468,  1536 => 467,  1532 => 465,  1526 => 463,  1524 => 462,  1521 => 461,  1515 => 457,  1513 => 456,  1495 => 455,  1489 => 454,  1483 => 453,  1474 => 452,  1471 => 451,  1467 => 449,  1461 => 447,  1459 => 446,  1456 => 445,  1450 => 441,  1448 => 440,  1430 => 439,  1424 => 438,  1418 => 437,  1409 => 436,  1406 => 435,  1402 => 433,  1396 => 431,  1394 => 430,  1391 => 429,  1385 => 425,  1383 => 424,  1365 => 423,  1359 => 422,  1353 => 421,  1344 => 420,  1341 => 419,  1337 => 417,  1331 => 415,  1328 => 414,  1321 => 412,  1312 => 411,  1305 => 409,  1290 => 408,  1288 => 407,  1284 => 406,  1275 => 405,  1272 => 404,  1268 => 402,  1262 => 400,  1260 => 399,  1250 => 398,  1244 => 397,  1235 => 396,  1232 => 395,  1228 => 393,  1222 => 391,  1220 => 390,  1210 => 389,  1204 => 388,  1195 => 387,  1192 => 386,  1188 => 384,  1182 => 382,  1180 => 381,  1177 => 380,  1167 => 376,  1160 => 374,  1158 => 373,  1154 => 372,  1151 => 371,  1112 => 370,  1106 => 369,  1096 => 368,  1092 => 366,  1086 => 365,  1082 => 364,  1069 => 363,  1066 => 362,  1062 => 360,  1056 => 358,  1054 => 357,  1051 => 356,  1041 => 352,  1034 => 349,  1031 => 348,  1029 => 347,  1025 => 346,  1022 => 345,  983 => 344,  977 => 343,  967 => 342,  963 => 340,  957 => 339,  953 => 338,  940 => 337,  937 => 336,  932 => 333,  926 => 331,  924 => 330,  920 => 328,  912 => 325,  905 => 323,  903 => 322,  899 => 321,  893 => 318,  889 => 317,  884 => 314,  880 => 313,  876 => 312,  870 => 309,  861 => 306,  858 => 305,  854 => 304,  850 => 303,  847 => 302,  845 => 301,  839 => 297,  835 => 295,  829 => 293,  827 => 292,  824 => 291,  820 => 289,  809 => 287,  805 => 286,  802 => 285,  800 => 284,  797 => 283,  789 => 281,  786 => 280,  778 => 278,  776 => 277,  773 => 276,  768 => 274,  763 => 273,  757 => 271,  755 => 270,  752 => 269,  748 => 267,  731 => 265,  727 => 264,  724 => 263,  722 => 262,  718 => 260,  716 => 259,  704 => 249,  697 => 245,  693 => 244,  689 => 243,  685 => 242,  680 => 241,  674 => 239,  672 => 238,  669 => 237,  667 => 236,  664 => 235,  657 => 231,  653 => 230,  649 => 229,  645 => 227,  639 => 226,  632 => 221,  627 => 218,  624 => 217,  620 => 216,  616 => 214,  614 => 213,  611 => 212,  605 => 210,  603 => 209,  600 => 208,  596 => 206,  571 => 204,  567 => 203,  564 => 202,  562 => 201,  559 => 200,  547 => 196,  541 => 194,  539 => 193,  534 => 191,  531 => 190,  525 => 188,  523 => 187,  518 => 184,  512 => 180,  508 => 178,  494 => 177,  490 => 176,  483 => 175,  466 => 174,  462 => 173,  459 => 172,  457 => 171,  454 => 170,  442 => 166,  436 => 164,  434 => 163,  429 => 161,  426 => 160,  418 => 158,  416 => 157,  412 => 155,  409 => 154,  405 => 152,  380 => 149,  375 => 148,  371 => 147,  368 => 146,  357 => 137,  324 => 134,  315 => 133,  298 => 132,  291 => 130,  284 => 129,  281 => 128,  279 => 127,  276 => 126,  272 => 124,  255 => 122,  251 => 121,  248 => 120,  246 => 119,  235 => 110,  228 => 108,  204 => 106,  178 => 104,  176 => 103,  167 => 102,  163 => 101,  156 => 99,  150 => 98,  144 => 97,  140 => 95,  138 => 94,  134 => 93,  130 => 92,  125 => 91,  117 => 89,  115 => 88,  110 => 87,  107 => 86,  104 => 85,  101 => 84,  98 => 83,  95 => 82,  92 => 81,  90 => 80,  86 => 79,  81 => 77,  77 => 75,  66 => 73,  62 => 72,  56 => 70,  48 => 68,  46 => 67,  42 => 66,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% macro productStats(context) %}
  <div class=\"product-stats\">
    <ul class=\"list-unstyled\">
      {% if context.journal3_product_stock %}
        <li class=\"product-stock {{ context.journal3_product_stock_class }}\"><b>{{ context.journal3_product_stock_text }}:</b> <span>{{ context.journal3_product_stock_value }} {% if context.journal3_product_stock_class == 'in-stock' %}vorrätig{% endif %}</span></li>
      {% endif %}
      {% if context.journal3_product_manufacturer %}
        <li class=\"product-manufacturer\"><b>{{ context.journal3_product_manufacturer_text }}:</b> <a href=\"{{ context.journal3_product_manufacturer_href }}\">{{ context.journal3_product_manufacturer_value }}</a></li>
      {% endif %}
      {% if context.journal3_product_reward %}
        <li class=\"product-reward\"><b>{{ context.journal3_product_reward_text }}:</b> <span>{{ context.journal3_product_reward_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_model %}
        <li class=\"product-model\"><b>{{ context.journal3_product_model_text }}:</b> <span>{{ context.journal3_product_model_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_weight %}
        <li class=\"product-weight\"><b>{{ context.journal3_product_weight_text }}:</b> <span>{{ context.journal3_product_weight_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_dimensions %}
        <li class=\"product-dimension\"><b>{{ context.journal3_product_dimensions_text }}:</b> <span>{{ context.journal3_product_dimensions_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_sku %}
        <li class=\"product-sku\"><b>{{ context.journal3_product_sku_text }}:</b> <span> {{ context.journal3_product_sku_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_upc %}
        <li class=\"product-upc\"><b>{{ context.journal3_product_upc_text }}:</b> <span>{{ context.journal3_product_upc_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_ean %}
        <li class=\"product-ean\"><b>{{ context.journal3_product_ean_text }}:</b> <span>{{ context.journal3_product_ean_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_jan %}
        <li class=\"product-jan\"><b>{{ context.journal3_product_jan_text }}:</b> <span>{{ context.journal3_product_jan_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_isbn %}
        <li class=\"product-isbn\"><b>{{ context.journal3_product_isbn_text }}:</b> <span>{{ context.journal3_product_isbn_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_mpn %}
        <li class=\"product-mpn\"><b>{{ context.journal3_product_mpn_text }}:</b> <span>{{ context.journal3_product_mpn_value }}</span></li>
      {% endif %}
      {% if context.journal3_product_location %}
        <li class=\"product-location\"><b>{{ context.journal3_product_location_text }}:</b> <span>{{ context.journal3_product_location_value }}</span></li>
      {% endif %}
    </ul>
    {% if context.journal3_product_manufacturer and context.journal3_product_manufacturer_display == 'image' %}
      <div class=\"brand-image product-manufacturer\">
        <a href=\"{{ context.journal3_product_manufacturer_href }}\">
          {% if context.journal3_product_manufacturer_image %}
          <img src=\"{{context.journal3_product_manufacturer_image }}\" {% if context.journal3_product_manufacturer_image2x %}srcset=\"{{ context.journal3_product_manufacturer_image }} 1x, {{context.journal3_product_manufacturer_image2x }} 2x\"{% endif %} alt=\"{{ context.manufacturer }}\" width=\"{{ context.journal3.get('image_dimensions_manufacturer_logo.width') }}\" height=\"{{ context.journal3.get('image_dimensions_manufacturer_logo.height') }}\"/>
        {% endif %}
          <span>{{ context.manufacturer }}</span>
        </a>
      </div>
    {% endif %}
    {% if context.journal3_product_sold or context.journal3_product_views %}
      <div class=\"custom-stats\">
        {% if context.journal3_product_sold %}
          <div class=\"product-sold\">{{ context.journal3_product_sold }}</div>
        {% endif %}
        {% if context.journal3_product_views %}
          <div class=\"product-views\">{{ context.journal3_product_views }}</div>
        {% endif %}
      </div>
    {% endif %}
  </div>
{% endmacro %}
{{ header }}
{% if journal3.get('pageTitlePosition') == 'top' %}
  <h1 class=\"title page-title {{ journal3.get('title_color_scheme') }}\"><span class=\"page-title-text\">{{ heading_title }}</span></h1>
{% endif %}
<div class=\"breadcrumbs {{ journal3.get('breadcrumbs_color_scheme') }}\">
  <ul class=\"breadcrumb\">
    {% for breadcrumb in breadcrumbs %}
      <li><a href=\"{{ breadcrumb.href }}\">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
</div>
{{ journal3_top }}
<div id=\"product-product\" class=\"container\">
  <div class=\"row\">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id=\"content\" class=\"{{ class }}\">
      {% if journal3.get('pageTitlePosition') == 'default' or journal3.is_quickview_popup %}
      <h1 class=\"title page-title {{ journal3.get('title_color_scheme') }}\">{{ heading_title }}</h1>
      {% endif %}
      {{ content_top }}
      {{ journal3_product_tabs_blocks_content_top }}
      <div class=\"product-info {{ journal3.classes(journal3_product_classes) }}\">
        {% if not journal3.is_options_popup %}
        <div class=\"product-left\">
          <div class=\"product-left-wrapper\">
            <div class=\"product-image direction-{{ journal3_images_additional_direction }} position-{{ journal3_images_additional_position }}\">
              <div class=\"swiper main-image\" data-options='{{ journal3.jsonAttrs(journal3_images_carousel) }}' {{ journal3_images_style }}>
                <div class=\"swiper-container\" {% if journal3.is_rtl %}dir=\"rtl\"{% endif %}>
                  <div class=\"swiper-wrapper\">
                    {% for index, image in images %}
                      <div class=\"swiper-slide\" {% if journal3_images_gallery %}data-gallery=\".lightgallery-product-images\" data-index=\"{{ index }}\"{% endif %}>
                        {% if index and journal3_image_placeholder %}
                          <img class=\"lazyload\" src=\"{{ journal3_image_placeholder }}\" data-src=\"{{ image.thumb }}\" {% if image.thumb2x %}data-srcset=\"{{ image.thumb }} 1x, {{ image.thumb2x }} 2x\"{% endif %} width=\"{{ journal3_image_thumb_width }}\" height=\"{{ journal3_image_thumb_height }}\" alt=\"{{ heading_title }}\" title=\"{{ heading_title }}\" data-largeimg=\"{{ image.popup }}\"/>
                        {% else %}
                          <img src=\"{{ image.thumb }}\" {% if image.thumb2x %}srcset=\"{{ image.thumb }} 1x, {{ image.thumb2x }} 2x\"{% endif %} width=\"{{ journal3_image_thumb_width }}\" height=\"{{ journal3_image_thumb_height }}\" alt=\"{{ heading_title }}\" title=\"{{ heading_title }}\" data-largeimg=\"{{ image.popup }}\"/>
                        {% endif %}
                      </div>
                    {% endfor %}
                  </div>
                </div>
                <div class=\"swiper-controls\">
                  <div class=\"swiper-buttons\">
                    <div class=\"swiper-button-prev\"></div>
                    <div class=\"swiper-button-next\"></div>
                  </div>
                  <div class=\"swiper-pagination\"></div>
                </div>
                {% if journal3_product_labels.default %}
                  <div class=\"product-labels\">
                    {% for id, label in journal3_product_labels.default %}
                      <span class=\"product-label product-label-{{ id }} product-label-{{ label.display }} product-label-{{ label.positionDefault }} {{ journal3.classes(label.classes) }}\"><strong>{{ label.label }}</strong></span>
                    {% endfor %}
                  </div>
                {% endif %}
              </div>
              {% if journal3_images_additional %}
                {% if journal3_images_additional_carousel %}
                  <div class=\"swiper additional-images\" data-options='{{ journal3.jsonAttrs(journal3_images_additional_carousel_options) }}' {{ journal3_images_additional_style }}>
                    <div class=\"swiper-container\" {% if journal3.is_rtl %}dir=\"rtl\"{% endif %}>
                      <div class=\"swiper-wrapper\">
                        {% for index, image in journal3_images_additional %}
                          <div class=\"swiper-slide additional-image {% if loop.first %}swiper-slide-active{% endif %}\" data-index=\"{{ index }}\">
                            <img src=\"{{ image.additional }}\" {% if image.additional2x %}srcset=\"{{ image.additional }} 1x, {{ image.additional2x }} 2x\"{% endif %} width=\"{{ journal3.get('image_dimensions_additional.width') }}\" height=\"{{ journal3.get('image_dimensions_additional.height') }}\" alt=\"{{ heading_title }}\" title=\"{{ heading_title }}\"/>
                          </div>
                        {% endfor %}
                      </div>
                    </div>
                    <div class=\"swiper-buttons\">
                      <div class=\"swiper-button-prev\"></div>
                      <div class=\"swiper-button-next\"></div>
                    </div>
                    <div class=\"swiper-pagination\"></div>
                  </div>
                {% else %}
                  <div class=\"additional-images\">
                    {% for index, image in journal3_images_additional %}
                      <div class=\"additional-image\" data-index=\"{{ index }}\">
                        <img src=\"{{ image.additional }}\" {% if image.additional2x %}srcset=\"{{ image.additional }} 1x, {{ image.additional2x }} 2x\"{% endif %} width=\"{{ journal3.get('image_dimensions_additional.width') }}\" height=\"{{ journal3.get('image_dimensions_additional.height') }}\" alt=\"{{ heading_title }}\" title=\"{{ heading_title }}\"/>
                      </div>
                    {% endfor %}
                  </div>
                {% endif %}
              {% endif %}
            </div>

            {% if journal3_images_gallery %}
              <div class=\"lightgallery lightgallery-product-images\" data-images='{{ journal3_images_gallery|json_encode|e }}' data-options='{{ journal3.jsonAttrs(journal3_images_gallery_options) }}'></div>
            {% endif %}

            {{ journal3_product_tabs_blocks_image }}

            {% if description and journal3.is_quickview_popup and journal3.get('quickviewDescription') and (journal3.get('quickviewDescriptionPosition') == 'image') %}
              <div class=\"description {{ quickviewExpand }}\">
                <div class=\"expand-block\">
                  <div class=\"expand-content\">{{ description }}{% if journal3.get('quickviewExpandButton') %}<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"{{ journal3.get('globalExpandButtonText') }}\"></a></div>{% endif %}</div>
                </div>
              </div>
            {% endif %}

            {% if tags and not journal3.is_popup and (journal3.get(stylePrefix ~ 'TagsPosition') == 'image') %}
              <div class=\"tags\">
                <span class=\"tags-title\">{{ text_tags }}</span>
                {% for tag in tags %}
                  <a href=\"{{ tag.href }}\">{{ tag.tag }}</a>
                  {% if not loop.last %}<b>,</b>{% endif %}
                {% endfor %}
              </div>
            {% endif %}

          </div>
        </div>
        {% endif %}
        <div class=\"product-right\">
          <div class=\"product-right-wrapper\">
              <div id=\"product\" class=\"product-details\">
                {% if not journal3.is_options_popup %}
                  <div class=\"title page-title\">{{ heading_title }}</div>
                {% endif %}

                {{ journal3_product_tabs_blocks_top }}

                {% if description and journal3.is_quickview_popup and journal3.get('quickviewDescription') and (journal3.get('quickviewDescriptionPosition') == 'top') %}
                  <div class=\"description {{ quickviewExpand }}\">
                    <div class=\"expand-block\">
                      <div class=\"expand-content\">{{ description }}{% if journal3.get('quickviewExpandButton') %}<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"{{ journal3.get('globalExpandButtonText') }}\"></a></div>{% endif %}</div>
                    </div>
                  </div>
                {% endif %}

                {% if journal3_product_labels.group_outside  %}
                  <div class=\"product-labels-outside\">
                    {% for id, label in journal3_product_labels.group_outside %}
                      <span class=\"product-label product-label-{{ id }} product-label-{{ label.display }} product-label-{{ label.positionDefault }} {{ journal3.classes(label.classes) }}\"><strong><a class=\"label-link\" {% if label.link.href %}href=\"{{ label.link.href }}\"{%  endif %} {{ journal3.linkAttrs(label.link) }} aria-hidden=\"true\" tabindex=\"-1\">{{ label.label }}</a></strong></span>
                    {% endfor %}
                  </div>
                {% endif %}

                {% if journal3_product_stats_position == 'default' %}
                  {{ _self.productStats(_context) }}
                {% endif %}

                {% if review_status and not journal3.is_popup %}
                  <div class=\"rating rating-page\">
                    <div class=\"rating-stars\">
                      {% for i in 1..5 %}
                        {% if rating < i %}
                          <span class=\"fa fa-stack\">
                    <em class=\"fa fa-star-o fa-stack-1x\"></em>
                  </span>{% else %}
                          <span class=\"fa fa-stack\">
                    <em class=\"fa fa-star fa-stack-1x\"></em>
                    <em class=\"fa fa-star-o fa-stack-1x\"></em>
                  </span>
                        {% endif %}
                      {% endfor %}
                    </div>
                    <div class=\"review-links\">
                      <a role=\"button\">{{ journal3_is_oc4 ? text_reviews : reviews }}</a>
                      <b>{{ journal3.get(stylePrefix ~ 'RatingSeparator') }}</b>
                      <a role=\"button\">{{ text_write }}</a>
                    </div>
                  </div>
                {% endif %}

                {% if journal3_product_countdown %}
                  <div class=\"countdown-wrapper\">
                    {% if journal3.get(stylePrefix ~ 'CountdownText') %}
                      <h5 class=\"countdown-title title\">{{ journal3.get(stylePrefix ~ 'CountdownText') }}</h5>
                    {% endif %}
                    <div class=\"countdown\" data-date=\"{{ journal3_product_countdown }}\">
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>{{ journal3.get('countdownDay') }}</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>{{ journal3.get('countdownHour') }}</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>{{ journal3.get('countdownMin') }}</span></div>
                      <div><em class=\"fa fa-spinner fa-spin\"></em><span>{{ journal3.get('countdownSec') }}</span></div>
                    </div>
                  </div>
                {% endif %}
                
              <!--  <div class=\"alert alert-primary mb-3 d-flex justify-content-between align-items-center gap-3\" role=\"alert\">

 <span style=\"width: 4.3rem;\"> <svg role=\"img\" fill=\"#fff\"  class=\"svg-icon__icon\" focusable=\"false\" viewBox=\"0 0 22 7\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.653 0H5.298L4.055 2.075 3.685 0h-2.37l.872 3.27L0 6.594h2.353l1.258-2.11.438 2.11h2.305l-.908-3.297L7.653 0ZM18.581 3.668h.902l-.108-1.67-.794 1.67ZM14.71 2.066l-.666-.007-.175.889.666.007c.377 0 .633-.23.633-.559 0-.209-.148-.33-.458-.33Z\"></path><path d=\"m8.6 0-.626.935h4.252l-.243 1.259h-1.218l-.673 3.453H8.61l.673-3.453H7.131l-.738 1.103.908 3.297H22V0H8.6Zm7.322 5.647h-1.474l-.297-1.629h-.491l-.316 1.63h-1.4l.915-4.713h2.235c.909 0 1.454.451 1.454 1.185s-.438 1.32-1.084 1.609l.458 1.918Zm3.696 0-.06-.895h-1.495l-.424.895h-1.367l2.37-4.712h1.864l.519 4.712h-1.407Z\"></path></svg></span>
<div class=\"d-flex flex-column w-100\">
<p class=\"fw-bold\">Spare ganz einfach 5 €</p>
<p class=\"m-0\">Registriere dich, stimme Werbe-E-Mails zu und spare 5 €.</p>
</div>
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.63\" height=\"25\" viewBox=\"0 0 320 512\"><path fill=\"#fff\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256L73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg></div>-->
<div class=\"shadow-wrapper-product-detail\">
                {% if price and not journal3.is_options_popup %}
                  <div class=\"product-price-group\">
                    <div class=\"price-wrapper\">
                      {% if journal3_product_labels.price  %}
                        <div class=\"product-labels-price\">
                          {% for id, label in journal3_product_labels.price %}
                            <span class=\"product-label product-label-{{ id }} product-label-{{ label.display }} product-label-{{ label.positionDefault }} {{ journal3.classes(label.classes) }}\"><strong>{{ label.label }}</strong></span>
                          {% endfor %}
                        </div>
                      {% endif %}
                      <div class=\"price-group\">
                        {% if not special %}
                          <div class=\"product-price\">{{ price }}</div>
                        {% else %}
                          <div class=\"product-price-new\">{{ special }}</div>
                          <div class=\"product-price-old\">{{ price }}</div>
                        {% endif %}
                      </div>
                      {% if tax %}
                        <div class=\"product-tax\">{{ text_tax }} {{ tax }}</div>
                      {% endif %}
                      {% if points %}
                        <div class=\"product-points\">{{ text_points }} {{ points }}</div>
                      {% endif %}

                      {% if discounts %}
                        <div class=\"discounts\">
                          {% for discount in discounts %}
                            <div class=\"product-discount\">{{ discount.quantity }}{{ text_discount }}{{ discount.price }}</div>
                          {% endfor %}
                        </div>
                      {% endif %}
                    </div>
                    {% if journal3_product_stats_position == 'price' %}
                      {{ _self.productStats(_context) }}
                    {% endif %}
                  </div>
                {% endif %}
                <div class=\"d-flex flex-row align-items-center mb-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"#237916\" stroke-width=\"1.5\"><circle cx=\"17\" cy=\"18\" r=\"2\"/><circle cx=\"7\" cy=\"18\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 17.972c-1.097-.054-1.78-.217-2.268-.704s-.65-1.171-.704-2.268M9 18h6m4-.028c1.097-.054 1.78-.217 2.268-.704C22 16.535 22 15.357 22 13v-2h-4.7c-.745 0-1.117 0-1.418-.098a2 2 0 0 1-1.284-1.284C14.5 9.317 14.5 8.945 14.5 8.2c0-1.117 0-1.675-.147-2.127a3 3 0 0 0-1.926-1.926C11.975 4 11.417 4 10.3 4H2m0 4h6m-6 3h4\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.5 6h1.821c1.456 0 2.183 0 2.775.354c.593.353.938.994 1.628 2.276L22 11\"/></g></svg><p class=\"text-success fw-bold ms-3\">Kostenloser Versand</p></div> 

                  <div class=\"d-flex flex-row align-items-center mb-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2.5 7.5v6c0 3.771 0 5.657 1.17 6.828C4.843 21.5 6.729 21.5 10.5 21.5H14m7.5-7.5V7.5M3.868 5.315L2.5 7.5h19l-1.252-2.087c-.854-1.423-1.28-2.134-1.968-2.524c-.688-.389-1.517-.389-3.177-.389h-6.15c-1.624 0-2.436 0-3.114.375c-.678.376-1.109 1.064-1.97 2.44M12 7.5v-5m4 12s-2.5 1.841-2.5 2.5s2.5 2.5 2.5 2.5M14 17h5.25a2.25 2.25 0 1 1 0 4.5h-.75m-8.5-11h4\"/></svg><p class=\"fw-bold ms-3\">Kostenlose Rückgabe – 14 Tage</p></div>

                {% if options %}
                  <div class=\"product-options\">
                    <h3 class=\"options-title title\">{{ text_option }}</h3>
                    {% for option in options %}
                  {% if option.type == 'select' %}
  <div class=\"form-group{% if option.required %} required {% endif %} product-option-select push-radio-option\">

    <label class=\"option-title\">
      {{ option.name }}
    </label>

    <div class=\"option-button-group\" id=\"input-option{{ option.product_option_id }}\">
      {% for option_value in option.product_option_value %}
        <label class=\"option-button\">
          <input
            type=\"radio\"
            name=\"option[{{ option.product_option_id }}]\"
            value=\"{{ option_value.product_option_value_id }}\"
          >
          <span>
            {{ option_value.name }}
            {% if option_value.price and optionPrice %}
              <small>({{ option_value.price_prefix }}{{ option_value.price }})</small>
            {% endif %}
          </span>
        </label>
      {% endfor %}
    </div>

    {% if journal3_is_oc4 %}
      <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
    {% endif %}

  </div>
{% endif %}
                      {% if option.type == 'radio' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }} {% if journal3.get(stylePrefix ~ 'OptionsPushRadio') %}push-option{% endif %}\">
                          <label class=\"control-label\">{{ option.name }}</label>
                          <div id=\"input-option{{ option.product_option_id }}\"> {% for option_value in option.product_option_value %}
                              <div class=\"radio\">
                                <label>
                                  <input type=\"radio\" name=\"option[{{ option.product_option_id }}]\" value=\"{{ option_value.product_option_value_id }}\" title=\"{{ option_value.name }}\" aria-label=\"{{ option_value.name }}\" />
                                  <span class=\"option-wrapper {% if option_value.image %}push-option-image{% endif %}\">
                    {% if option_value.image %} <img src=\"{{ option_value.image }}\" srcset=\"{{ option_value.image }} 1x, {{ option_value.image2x }} 2x\" width=\"{{ journal3_image_options_width }}\" height=\"{{ journal3_image_options_height }}\" alt=\"{{ option_value.name }} {% if option_value.price and optionPrice %} {{ option_value.price_prefix }} {{ option_value.price }} {% endif %}\" {% if journal3.is_desktop %}data-toggle=\"tooltip-hover\" data-tooltip-class=\"push-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'PushTooltipPosition') }}\"{% endif%} title=\"{{ option_value.name }} {% if option_value.price and optionPrice %} ({{ option_value.price_prefix }}{{ option_value.price }}) {% endif %}\"> {% endif %}
                    <span class=\"option-value\">
                    {{ option_value.name }}
                      {% if option_value.price and optionPrice %}
                        <span class=\"option-price\">
                        ({{ option_value.price_prefix }}{{ option_value.price }})
                      </span>
                      {% endif %}
                  </span>
                  </span>
                                </label>
                              </div>
                            {% endfor %} </div>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'checkbox' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }} {% if journal3.get(stylePrefix ~ 'OptionsPushCheckbox') %}push-option{% endif %}\">
                          <label class=\"control-label\">{{ option.name }}</label>
                          <div id=\"input-option{{ option.product_option_id }}\"> {% for option_value in option.product_option_value %}
                              <div class=\"checkbox\">
                                <label>
                                  <input type=\"checkbox\" name=\"option[{{ option.product_option_id }}][]\" value=\"{{ option_value.product_option_value_id }}\" title=\"{{ option_value.name }}\" aria-label=\"{{ option_value.name }}\" />
                                  <span class=\"option-wrapper {% if option_value.image %}push-option-image{% endif %}\">
                    {% if option_value.image %} <img src=\"{{ option_value.image }}\" srcset=\"{{ option_value.image }} 1x, {{ option_value.image2x }} 2x\" width=\"{{ journal3_image_options_width }}\" height=\"{{ journal3_image_options_height }}\" alt=\"{{ option_value.name }} {% if option_value.price and optionPrice %} {{ option_value.price_prefix }} {{ option_value.price }} {% endif %}\" {% if journal3.is_desktop %}data-toggle=\"tooltip-hover\" data-tooltip-class=\"push-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'PushTooltipPosition') }}\"{% endif%} title=\"{{ option_value.name }} {% if option_value.price and optionPrice %} ({{ option_value.price_prefix }}{{ option_value.price }}) {% endif %}\"> {% endif %}
                    <span class=\"option-value\">
                    {{ option_value.name }}
                      {% if option_value.price and optionPrice %}
                        <span class=\"option-price\">({{ option_value.price_prefix }}{{ option_value.price }})</span>
                      {% endif %}
                  </span>
                  </span>
                                </label>
                              </div>
                            {% endfor %} </div>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'text' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\" for=\"input-option{{ option.product_option_id }}\">{{ option.name }}</label>
                          <input type=\"text\" name=\"option[{{ option.product_option_id }}]\" value=\"{{ option.value }}\" placeholder=\"{{ option.name }}\" id=\"input-option{{ option.product_option_id }}\" class=\"form-control\" >
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'textarea' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\" for=\"input-option{{ option.product_option_id }}\">{{ option.name }}</label>
                          <textarea name=\"option[{{ option.product_option_id }}]\" rows=\"5\" placeholder=\"{{ option.name }}\" id=\"input-option{{ option.product_option_id }}\" class=\"form-control\">{{ option.value }}</textarea>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'file' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\">{{ option.name }}</label>
                          {% if journal3_is_oc4 %}
                            <button type=\"button\" id=\"button-upload{{ option.product_option_id }}\" data-oc-toggle=\"upload\" data-oc-url=\"{{ upload }}\" data-oc-target=\"#input-option{{ option.product_option_id }}\" data-oc-size-max=\"{{ config_file_max_size }}\" data-oc-size-error=\"{{ error_upload_size }}\" class=\"btn btn-default btn-block  upload-btn\"><i class=\"fa-solid fa-upload\"></i> {{ button_upload }}</button>
                            <input type=\"hidden\" name=\"option[{{ option.product_option_id }}]\" value=\"\" id=\"input-option{{ option.product_option_id }}\"/>
                          {% else %}
                            <button type=\"button\" id=\"button-upload{{ option.product_option_id }}\" data-loading-text=\"{{ text_loading }}\" class=\"btn btn-default btn-block  upload-btn\"><i class=\"fa fa-upload\"></i> {{ button_upload }}</button>
                            <input type=\"hidden\" name=\"option[{{ option.product_option_id }}]\" value=\"\" id=\"input-option{{ option.product_option_id }}\" >
                          {% endif %}
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'date' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\" for=\"input-option{{ option.product_option_id }}\">{{ option.name }}</label>
                          <div class=\"input-group {% if not journal3_is_oc4 %}date{% endif %}\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"{% if not journal3_is_oc41 %}text{% else %}date{% endif %}\" name=\"option[{{ option.product_option_id }}]\" value=\"{{ option.value }}\" data-date-format=\"YYYY-MM-DD\" id=\"input-option{{ option.product_option_id }}\" class=\"form-control {% if journal3_is_oc4 %}date{% endif %}\" />
                            {% if not journal3_is_oc41 %}
                            <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            {% endif %}
                          </div>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'datetime' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\" for=\"input-option{{ option.product_option_id }}\">{{ option.name }}</label>
                          <div class=\"input-group {% if not journal3_is_oc4 %}datetime{% endif %}\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"{% if not journal3_is_oc41 %}text{% else %}datetime-local{% endif %}\" name=\"option[{{ option.product_option_id }}]\" value=\"{{ option.value }}\" data-date-format=\"YYYY-MM-DD HH:mm\" id=\"input-option{{ option.product_option_id }}\" class=\"form-control {% if journal3_is_oc4 %}datetime{% endif %}\" />
                            {% if not journal3_is_oc41 %}
                              <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            {% endif %}
                          </div>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                      {% if option.type == 'time' %}
                        <div class=\"form-group{% if option.required %} required {% endif %} product-option-{{ option.type }}\">
                          <label class=\"control-label\" for=\"input-option{{ option.product_option_id }}\">{{ option.name }}</label>
                          <div class=\"input-group {% if not journal3_is_oc4 %}time{% endif %}\" data-picker-class=\"product-options pp-date-time-picker\">
                            <input type=\"{% if not journal3_is_oc41 %}text{% else %}time{% endif %}\" name=\"option[{{ option.product_option_id }}]\" value=\"{{ option.value }}\" data-date-format=\"HH:mm\" id=\"input-option{{ option.product_option_id }}\" class=\"form-control {% if journal3_is_oc4 %}time{% endif %}\" />
                            {% if not journal3_is_oc41 %}
                              <span class=\"input-group-btn\">
                              <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-calendar\"></i></button>
                            </span>
                            {% endif %}
                          </div>
                          {% if journal3_is_oc4 %}
                          <div id=\"error-option-{{ option.product_option_id }}\" class=\"invalid-feedback\"></div>
                          {% endif %}
                        </div>
                      {% endif %}
                    {% endfor %}
                  </div>
                {% endif %}

                {% if recurrings %}
                  <h3 class=\"title recurring-title\">{{ text_payment_recurring }}</h3>
                  <div class=\"form-group required\">
                    <select name=\"recurring_id\" class=\"form-control\">
                      <option value=\"\">{{ text_select }}</option>
                      {% for recurring in recurrings %}
                        <option value=\"{{ recurring.recurring_id }}\">{{ recurring.name }}</option>
                      {% endfor %}
                    </select>
                    <div class=\"help-block\" id=\"recurring-description\"></div>
                  </div>
                {% endif %}

                {% if journal3.get('catalogCartStatus') or journal3.get('catalogWishlistStatus') or journal3.get('catalogCompareStatus') or (journal3_product_extra_buttons and not journal3.is_popup) %}
                  <div class=\"button-group-page\">
                    <div class=\"buttons-wrapper\">
                      <div class=\"stepper-group cart-group\">
                        {% if journal3.get('catalogCartStatus') %}
                          <label class=\"control-label\" for=\"product-quantity\">{{ entry_qty }}</label>
                          <div class=\"stepper\">
                            <button aria-label=\"-\" class=\"fa fa-angle-down\"></button>
                            <input id=\"product-quantity\" type=\"text\" name=\"quantity\" value=\"{{ journal3_product_quantity > 0 ? journal3_product_quantity : minimum }}\" data-minimum=\"{{ minimum }}\" class=\"form-control\"/>
                            <input id=\"product-id\" type=\"hidden\" name=\"product_id\" value=\"{{ product_id }}\" />
                            <button aria-label=\"+\" class=\"fa fa-angle-up\"></button>
                          </div>
                          <a id=\"button-cart\" role=\"button\" aria-label=\"{{ journal3_button_cart }}\" data-loading-text=\"<span class='btn-text'>{{ journal3_button_cart }}</span>\" class=\"btn btn-cart\" {% if journal3.is_desktop and (journal3.get(stylePrefix ~ 'CartDisplay') == \"icon\") and (journal3.get(stylePrefix ~ 'CartTooltipStatus')) %} data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-cart-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'CartTooltipPosition') }}\" title=\"{{ journal3_button_cart }}\" {% endif %}><span class=\"btn-text\">{{ journal3_button_cart }}</span></a>
                        {% endif %}
                      </div>
                      {% if journal3_product_extra_buttons and not journal3.is_popup %}
                        <div class=\"extra-group\">
                          {% for id, extra_button in journal3_product_extra_buttons %}
                            <a class=\"btn btn-extra btn-extra-{{ id }} btn-{{ loop.index }}-extra\" {% if journal3.is_desktop and (journal3.get(stylePrefix ~ 'Extra' ~ loop.index ~ 'ButtonDisplay') == \"icon\") and (journal3.get(stylePrefix ~ 'ExtraTooltipStatus')) %} data-toggle=\"tooltip-hover\" data-tooltip-class=\"extra-tooltip pp-extra-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'ExtraTooltipPosition') }}\" title=\"{{ extra_button.label }}\" {% endif %} {% if extra_button.action == 'quickbuy' %}data-quick-buy{% endif %} {% if extra_button.action == 'link' and extra_button.link.href %}href=\"{{ extra_button.link.href }}\" {{ journal3.linkAttrs(extra_button.link) }} data-product_id=\"{{ product_id }}\" {% else %}role=\"button\" {% endif %} data-loading-text=\"<span class='btn-text'>{{ extra_button.label }}</span>\"><span class=\"btn-text\">{{ extra_button.label }}</span></a>
                          {% endfor %}
                        </div>
                      {% endif %}
                      {% if journal3.get('catalogWishlistStatus') or journal3.get('catalogCompareStatus') or journal3.is_quickview_popup %}
                        <div class=\"wishlist-compare\">
                          {% if not journal3.is_options_popup %}
                            {% if journal3.get('catalogWishlistStatus') %}
                              <a class=\"btn btn-wishlist\" role=\"button\" aria-label=\"{{ button_wishlist }}\" {% if journal3.is_desktop and (journal3.get(stylePrefix ~ 'WishlistDisplay') == \"icon\") and (journal3.get(stylePrefix ~ 'WishlistTooltipStatus')) %} data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-wishlist-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'WishlistTooltipPosition') }}\" title=\"{{ button_wishlist }}\" {% endif %} onclick=\"parent.wishlist.add({{ product_id }});\"><span class=\"btn-text\">{{ button_wishlist }}</span></a>
                            {% endif %}
                            {% if journal3.get('catalogCompareStatus') %}
                              <a class=\"btn btn-compare\" role=\"button\" aria-label=\"{{ button_compare }}\" {% if journal3.is_desktop and (journal3.get(stylePrefix ~ 'CompareDisplay') == \"icon\") and (journal3.get(stylePrefix ~ 'CompareTooltipStatus')) %} data-toggle=\"tooltip-hover\" data-tooltip-class=\"pp-compare-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'CompareTooltipPosition') }}\" title=\"{{ button_compare }}\" {% endif %} onclick=\"parent.compare.add({{ product_id }});\"><span class=\"btn-text\">{{ button_compare }}</span></a>
                            {% endif %}
                          {% endif %}
                        </div>
                        {% if journal3.is_quickview_popup %}
                          <a class=\"btn btn-more-details\" href=\"{{ journal3_view_more_url }}\" target=\"_top\" {% if journal3.is_desktop and (journal3.get(stylePrefix ~ 'MoreDetailsDisplay') == \"icon\") and (journal3.get(stylePrefix ~ 'MoreDetailsTooltipStatus')) %} data-toggle=\"tooltip-hover\" data-tooltip-class=\"more-details-tooltip\" data-placement=\"{{ journal3.get(stylePrefix ~ 'MoreDetailsTooltipPosition') }}\" title=\"{{ journal3.get('quickviewExtraText') }}\" {% endif %}><span class=\"btn-text\">{{ journal3.get('quickviewExtraText') }}</span></a>
                        {% endif %}
                      {% endif %}
                    </div>
                  </div>
                {% endif %}
</div>
<!--
 <div class=\"alert alert-primary mb-3 p-0 d-flex justify-content-between align-items-center gap-3 \" role=\"alert\">
<div class=\"birthday-wrapper \">
  <div class=\"p-3 mb-3 mt-3 d-flex justify-content-between align-items-center gap-3\">
<span style=\"width: 4.3rem;\"> <svg role=\"img\" fill=\"#fff\"  class=\"svg-icon__icon\" focusable=\"false\" viewBox=\"0 0 22 7\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.653 0H5.298L4.055 2.075 3.685 0h-2.37l.872 3.27L0 6.594h2.353l1.258-2.11.438 2.11h2.305l-.908-3.297L7.653 0ZM18.581 3.668h.902l-.108-1.67-.794 1.67ZM14.71 2.066l-.666-.007-.175.889.666.007c.377 0 .633-.23.633-.559 0-.209-.148-.33-.458-.33Z\"></path><path d=\"m8.6 0-.626.935h4.252l-.243 1.259h-1.218l-.673 3.453H8.61l.673-3.453H7.131l-.738 1.103.908 3.297H22V0H8.6Zm7.322 5.647h-1.474l-.297-1.629h-.491l-.316 1.63h-1.4l.915-4.713h2.235c.909 0 1.454.451 1.454 1.185s-.438 1.32-1.084 1.609l.458 1.918Zm3.696 0-.06-.895h-1.495l-.424.895h-1.367l2.37-4.712h1.864l.519 4.712h-1.407Z\"></path></svg></span>
<div class=\"d-flex flex-column w-100\">
<p class=\"fw-bold\">Wir feiern 5 Jahre – du sparst 10 €*!</p>
<p class=\"m-0\">Der Online-Marktplatz hat Geburtstag – 10-€-Coupon & Jubiläumsangebote warten!</p>
</div>
 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.63\" height=\"25\" viewBox=\"0 0 320 512\"><path fill=\"#fff\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256L73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>
  </div>
</div>
</div>-->

                {% if minimum > 1 %}
                  <div class=\"minimum alert alert-info\"><i class=\"fa fa-info-circle\"></i> {{ text_minimum }}</div>
                {% endif %}

                {{ journal3_product_tabs_blocks_details }}
              </div>
            {{ journal3_product_tabs_blocks_bottom }}

            {% if tags and not journal3.is_popup and (journal3.get(stylePrefix ~ 'TagsPosition') == 'details') %}
              <div class=\"tags\">
                <span class=\"tags-title\">{{ text_tags }}</span>
                {% for tag in tags %}
                  <a href=\"{{ tag.href }}\">{{ tag.tag }}</a>
                  {% if not loop.last %}<b>,</b>{% endif %}
                {% endfor %}
              </div>
            {% endif %}

{#              {% if not journal3.is_popup and (journal3.get(stylePrefix ~ 'PricePosition') or journal3.get(stylePrefix ~ 'ButtonsPosition')) %}#}
{#                <div class=\"product-side-position\"></div>#}
{#                <script>#}
{#                  (function () {#}
{#                    const \$psp = document.querySelector('.product-side-position');#}
{#                    {% if journal3.get(stylePrefix ~ 'PricePosition') %}#}
{#                    \$psp.appendChild(document.querySelector('.product-price-group'));#}
{#                    {% endif %}#}
{#                    {% if journal3.get(stylePrefix ~ 'ButtonsPosition') %}#}
{#                    \$psp.appendChild(document.querySelector('.button-group-page'));#}
{#                    {% endif %}#}
{#                  })();#}
{#                </script>#}
{#              {% endif %}#}
          </div>
        </div>
      </div>

      {% if description and journal3.is_quickview_popup and journal3.get('quickviewDescription') and (journal3.get('quickviewDescriptionPosition') == 'default') %}
        <div class=\"description {{ quickviewExpand }}\">
          <div class=\"expand-block\">
            <div class=\"expand-content\">{{ description }}{% if journal3.get('quickviewExpandButton') %}<div class=\"block-expand-overlay\"><a class=\"block-expand btn\" role=\"button\" aria-label=\"{{ journal3.get('globalExpandButtonText') }}\"></a></div>{% endif %}</div>
          </div>
        </div>
      {% endif %}

      {{ journal3_product_tabs_blocks_default }}

      {% if tags and not journal3.is_popup and (journal3.get(stylePrefix ~ 'TagsPosition') == 'default') %}
      <div class=\"tags\">
        <span class=\"tags-title\">{{ text_tags }}</span>
        {% for tag in tags %}
          <a href=\"{{ tag.href }}\">{{ tag.tag }}</a>
          {% if not loop.last %}<b>,</b>{% endif %}
        {% endfor %}
      </div>
      {% endif %}
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
<script>
  // calculate vertical images height
  (function () {
    const \$img = document.querySelector('.direction-vertical .main-image .swiper-slide img');
    const \$ad = document.querySelector('.direction-vertical .additional-images');

    if (\$img && \$ad) {
      \$ad.style.height = \$img.offsetHeight + 'px';
    }
  })();
</script>
{% if journal3_is_oc3 %}
<script type=\"text/javascript\"><!--
\$('select[name=\\'recurring_id\\'], input[name=\"quantity\"]').change(function(){
\t\$.ajax({
\t\turl: 'index.php?route=product/product/getRecurringDescription',
\t\ttype: 'post',
\t\tdata: \$('input[name=\\'product_id\\'], input[name=\\'quantity\\'], select[name=\\'recurring_id\\']'),
\t\tdataType: 'json',
\t\tbeforeSend: function() {
\t\t\t\$('#recurring-description').html('');
\t\t},
\t\tsuccess: function(json) {
\t\t\t\$('.alert-dismissible, .text-danger').remove();

\t\t\tif (json['success']) {
\t\t\t\t\$('#recurring-description').html(json['success']);
\t\t\t}
\t\t}
\t});
});
//--></script>
{% endif %}
<script type=\"text/javascript\"><!--
\$('#button-cart, [data-quick-buy]').on('click', function () {
  var \$btn = \$(this);
\t\$.ajax({
\t\turl: 'index.php?route=checkout/cart{{ constant('JOURNAL3_ROUTE_SEPARATOR') }}add{% if journal3_is_oc4 %}&language={{ language }}{% endif %}',
\t\ttype: 'post',
\t\tdata: \$(
      '#product .button-group-page input[type=\\'text\\'], #product .button-group-page input[type=\\'hidden\\'], #product .button-group-page input[type=\\'radio\\']:checked, #product .button-group-page input[type=\\'checkbox\\']:checked, #product .button-group-page select, #product .button-group-page textarea, ' +
      '#product .product-options input[type=\\'text\\'], #product .product-options input[type=\\'hidden\\'], #product .product-options input[type=\\'radio\\']:checked, #product .product-options input[type=\\'checkbox\\']:checked, #product .product-options select, #product .product-options textarea, ' +
      '#product select[name=\"recurring_id\"]'
    ),
\t\tdataType: 'json',
\t\tbeforeSend: function() {
\t\t\t\$('#button-cart').jbutton('loading');
\t\t},
\t\tcomplete: function() {
\t\t\t\$('#button-cart').jbutton('reset');
\t\t},
\t\tsuccess: function(json) {
\t\t\t\$('.alert-dismissible, .text-danger').remove();
\t\t\t\$('.form-group').removeClass('has-error');
      \$('#product').find('.is-invalid').removeClass('is-invalid');
      \$('#product').find('.invalid-feedback').removeClass('d-block');

\t\t\tif (json['error']) {
        {% if journal3_is_oc4 %}
        for (key in json['error']) {
          \$('#input-' + key.replaceAll('_', '')).closest('.form-group').addClass('has-error');
          \$('#error-' + key.replaceAll('_', '-')).html(json['error'][key]).addClass('d-block');
        }
        {% else %}
        if (json['error']['option']) {
\t\t\t\t\tfor (i in json['error']['option']) {
\t\t\t\t\t\tvar element = \$('#input-option' + i.replace('_', '-'));

\t\t\t\t\t\tif (element.parent().hasClass('input-group')) {
\t\t\t\t\t\t\telement.parent().after('<div class=\"text-danger\">' + json['error']['option'][i] + '</div>');
\t\t\t\t\t\t} else {
\t\t\t\t\t\t\telement.after('<div class=\"text-danger\">' + json['error']['option'][i] + '</div>');
\t\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t}

\t\t\t\tif (json['error']['recurring']) {
\t\t\t\t\t\$('select[name=\\'recurring_id\\']').after('<div class=\"text-danger\">' + json['error']['recurring'] + '</div>');
\t\t\t\t}

\t\t\t\t// Highlight any found errors
\t\t\t\t\$('.text-danger').parent().addClass('has-error');

        {% endif %}

        try {
          \$('html, body').animate({ scrollTop: \$('.form-group.has-error').offset().top - \$('header').height() - 20 }, 'slow');
        } catch (e) {
        }
\t\t\t}

\t\t\tif (json['success']) {
        if (\$('html').hasClass('popup-options')) {
          parent.\$(\".popup-options .popup-close\").trigger('click');
        }

        if (json['notification']) {
          parent.show_notification(json['notification']);
        } else {
          parent.\$('#content').parent().before('<div class=\"alert alert-success alert-dismissible\"><i class=\"fa fa-check-circle\"></i> ' + json['success'] + ' <button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;</button></div>');
        }

        parent.\$('#cart-total').html(json['total']);
        parent.\$('#cart-items,.cart-badge').html(json['items_count']);

        if (json['items_count']) {
          parent.\$('#cart-items,.cart-badge').removeClass('count-zero');
          parent.\$('#cart').addClass('cart-has-items');
        } else {
          parent.\$('#cart-items,.cart-badge').addClass('count-zero');
          parent.\$('#cart').removeClass('cart-has-items');
        }

        if (Journal['scrollToTop']) {
          parent.\$('html, body').animate({ scrollTop: 0 }, 'slow');
        }

        parent.\$('.cart-content ul').load('index.php?route=common/cart{{ constant('JOURNAL3_ROUTE_SEPARATOR') }}info{% if journal3_is_oc4 %}&language={{ language }}{% endif %} ul li');

        if (window.location.href.indexOf('quick_buy=true') !== -1) {
          parent.location.href = Journal['checkoutUrl'];
        }

        if (\$btn.data('quick-buy') !== undefined) {
          location = Journal['checkoutUrl'];
        }

        if (parent.window['_QuickCheckout']) {
          parent.window['_QuickCheckout'].save();
        }

        if (json['redirect']) {
          parent.location.href = json['redirect'];
        }
      }
\t\t},
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);
        }
\t});
});
//--></script>
{% if journal3_is_oc3 %}
<script type=\"text/javascript\"><!--
\$('.date').datetimepicker({
\tlanguage: '{{ datepicker }}',
\tpickTime: false
});

\$('.datetime').datetimepicker({
\tlanguage: '{{ datepicker }}',
\tpickDate: true,
\tpickTime: true
});

\$('.time').datetimepicker({
\tlanguage: '{{ datepicker }}',
\tpickDate: false
});

\$('button[id^=\\'button-upload\\']').on('click', function() {
\tvar node = this;

\t\$('#form-upload').remove();

\t\$('body').prepend('<form enctype=\"multipart/form-data\" id=\"form-upload\" style=\"display: none;\"><input type=\"file\" name=\"file\" /></form>');

\t\$('#form-upload input[name=\\'file\\']').trigger('click');

\tif (typeof timer != 'undefined') {
    \tclearInterval(timer);
\t}

\ttimer = setInterval(function() {
\t\tif (\$('#form-upload input[name=\\'file\\']').val() != '') {
\t\t\tclearInterval(timer);

\t\t\t\$.ajax({
\t\t\t\turl: 'index.php?route=tool/upload',
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tdata: new FormData(\$('#form-upload')[0]),
\t\t\t\tcache: false,
\t\t\t\tcontentType: false,
\t\t\t\tprocessData: false,
\t\t\t\tbeforeSend: function() {
\t\t\t\t\t\$(node).button('loading');
\t\t\t\t},
\t\t\t\tcomplete: function() {
\t\t\t\t\t\$(node).button('reset');
\t\t\t\t},
\t\t\t\tsuccess: function(json) {
\t\t\t\t\t\$('.text-danger').remove();

\t\t\t\t\tif (json['error']) {
\t\t\t\t\t\t\$(node).parent().find('input').after('<div class=\"text-danger\">' + json['error'] + '</div>');
\t\t\t\t\t}

\t\t\t\t\tif (json['success']) {
\t\t\t\t\t\talert(json['success']);

\t\t\t\t\t\t\$(node).parent().find('input').val(json['code']);
\t\t\t\t\t}
\t\t\t\t},
\t\t\t\terror: function(xhr, ajaxOptions, thrownError) {
\t\t\t\t\talert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);
\t\t\t\t}
\t\t\t});
\t\t}
\t}, 500);
});
//--></script>
{% endif %}
<script type=\"text/javascript\"><!--
{% if journal3_is_oc3 %}
\$(function () {
  \$('#review').delegate('.pagination a', 'click', function(e) {
    e.preventDefault();

    \$('#review').fadeOut('slow');

    \$('#review').load(this.href);

    \$('#review').fadeIn('slow');
  });

  \$('#review').load('index.php?route=product/product/review&product_id={{ product_id }}');

  \$('#button-review').on('click', function() {
    \$.ajax({
      url: 'index.php?route=product/product{{ constant('JOURNAL3_ROUTE_SEPARATOR') }}write&product_id={{ product_id }}',
      type: 'post',
      dataType: 'json',
      data: \$(\"#form-review\").serialize(),
      beforeSend: function() {
        \$('#button-review').button('loading');
      },
      complete: function() {
        \$('#button-review').button('reset');
      },
      success: function(json) {
        \$('.alert-dismissible').remove();

        if (json['error']) {
          \$('#review').after('<div class=\"alert alert-danger alert-dismissible\"><i class=\"fa fa-exclamation-circle\"></i> ' + json['error'] + '</div>');
        }

        if (json['success']) {
          \$('#review').after('<div class=\"alert alert-success alert-dismissible\"><i class=\"fa fa-check-circle\"></i> ' + json['success'] + '</div>');

          \$('input[name=\\'name\\']').val('');
          \$('textarea[name=\\'text\\']').val('');
          \$('input[name=\\'rating\\']:checked').prop('checked', false);
        }
      }
    });
  });
});
{% endif %}

\$(document).ready(function() {
\t\$('.thumbnails').magnificPopup({
\t\ttype:'image',
\t\tdelegate: 'a',
\t\tgallery: {
\t\t\tenabled: true
\t\t}
\t});
});

\$(document).ready(function () {
  \$('.review-links a').on('click', function () {
    var \$review = \$('#review');
    if (\$review.length) {
      \$('a[href=\"#' + \$review.closest('.module-item').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$review.closest('.tab-pane').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$review.closest('.panel-collapse').attr('id') + '\"]').trigger('click');
      \$review.closest('.expand-block').find('.block-expand.btn').trigger('click');

      \$([document.documentElement, document.body]).animate({
        scrollTop: \$review.offset().top - \$('header').height() - 20
      }, 200);
    }
  });

  \$('#read-more-desc').on('click', function () {
    var \$desc = \$('.product-extra-description');
    if (\$desc.length) {
      \$('a[href=\"#' + \$desc.closest('.module-item').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$desc.closest('.tab-pane').attr('id') + '\"]').trigger('click');
      \$('a[href=\"#' + \$desc.closest('.panel-collapse').attr('id') + '\"]').trigger('click');
      \$desc.find('.expand-block').find('.block-expand.btn').trigger('click');

      \$([document.documentElement, document.body]).animate({
        scrollTop: \$desc.offset().top - \$('header').height() - 20
      }, 200);
    }
  });
});
//--></script>
{{ journal3_rich_snippets }}

<style>
.gsc-premium-wrap {
  width: 100%;
  margin: 14px 0 16px 0;
  clear: both;
}

.gsc-premium-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(16, 185, 129, 0.28);
  border-radius: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 58%, #eff6ff 100%);
  color: #0f172a;
  font-family: inherit;
  line-height: 1.35;
  overflow: hidden;
}

.gsc-premium-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #10b981 0%, #2563eb 100%);
}

.gsc-premium-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.22), 0 6px 16px rgba(15, 23, 42, 0.08);
  font-size: 22px;
}

.gsc-premium-content {
  min-width: 0;
  flex: 1 1 auto;
}

.gsc-premium-title {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 800;
  color: #064e3b;
}

.gsc-premium-text {
  display: block;
  font-size: 13px;
  color: #334155;
}

.gsc-premium-counter {
  display: inline-block;
  font-weight: 800;
  color: #dc2626;
  white-space: nowrap;
}

.gsc-premium-date {
  color: #0f172a;
}

.gsc-premium-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: #10b981;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .gsc-premium-box {
    align-items: flex-start;
    padding: 13px 12px 13px 14px;
    gap: 10px;
    border-radius: 12px;
  }

  .gsc-premium-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 19px;
  }

  .gsc-premium-title {
    font-size: 14px;
  }

  .gsc-premium-text {
    font-size: 12.5px;
  }

  .gsc-premium-badge {
    display: none;
  }

  .gsc-premium-counter {
    white-space: normal;
  }
}
</style>

<div id=\"guaranteed-shipping-countdown\" class=\"gsc-premium-wrap\" aria-live=\"polite\"></div>

<script>
(function () {
  'use strict';

  var CUT_OFF_HOUR = 17;
  var CUT_OFF_MINUTE = 0;
  var CUT_OFF_SECOND = 0;
  var TIMER_KEY = 'gscPremiumTimerV2';

  function getBox() {
    return document.getElementById('guaranteed-shipping-countdown');
  }

  function isWeekend(date) {
    var day = date.getDay();
    return day === 0 || day === 6;
  }

  function isBusinessDay(date) {
    return !isWeekend(date);
  }

  function getCutoffDate(date) {
    return new Date(
      date.getFullYear(),
      date.getMonth(),
      date.getDate(),
      CUT_OFF_HOUR,
      CUT_OFF_MINUTE,
      CUT_OFF_SECOND,
      0
    );
  }

  function getNextBusinessShippingDate(now) {
    var todayCutoff = getCutoffDate(now);

    if (isBusinessDay(now) && now.getTime() < todayCutoff.getTime()) {
      return todayCutoff;
    }

    var next = new Date(
      now.getFullYear(),
      now.getMonth(),
      now.getDate() + 1,
      CUT_OFF_HOUR,
      CUT_OFF_MINUTE,
      CUT_OFF_SECOND,
      0
    );

    while (!isBusinessDay(next)) {
      next.setDate(next.getDate() + 1);
    }

    return next;
  }

  function formatDateDE(date) {
    return date.toLocaleDateString('de-DE', {
      weekday: 'long',
      day: 'numeric',
      month: 'long',
      year: 'numeric'
    });
  }

  function formatRemaining(ms) {
    var totalSeconds = Math.max(0, Math.floor(ms / 1000));
    var days = Math.floor(totalSeconds / 86400);
    var hours = Math.floor((totalSeconds % 86400) / 3600);
    var minutes = Math.floor((totalSeconds % 3600) / 60);
    var seconds = totalSeconds % 60;

    var text = '';

    if (days > 0) {
      text += days + ' Tage, ';
    }

    text += hours + ' Stunden, ' + minutes + ' Minuten und ' + seconds + ' Sekunden';

    return text;
  }

function moveBeforeAddToCart() {
  var box = getBox();
  if (!box) return;

  var addToCartButton = document.querySelector(
    '#button-cart, button[id=\"button-cart\"], .button-cart, [data-loading-text][onclick*=\"cart.add\"]'
  );

  if (!addToCartButton || box.dataset.gscMoved === '1') return;

  var target = addToCartButton;
  var parent = target.parentNode;

  var group = target.closest(
    '.button-group-page, .product-buttons, .cart, .form-group, .buttons-wrapper'
  );

  if (group && group.parentNode && group.parentNode.parentNode) {
      parent = group.parentNode.parentNode;
      target = group.parentNode;
  } else if (group && group.parentNode) {
      parent = group.parentNode;
      target = group;
  }

  parent.insertBefore(box, target);
  box.dataset.gscMoved = '1';
}

  function render() {
    var box = getBox();
    if (!box) return;

    var now = new Date();
    var shippingDate = getNextBusinessShippingDate(now);
    var remaining = shippingDate.getTime() - now.getTime();
    var isToday = now.toDateString() === shippingDate.toDateString();
    var dateText = isToday ? 'Heute, ' + formatDateDE(shippingDate) : formatDateDE(shippingDate);

    box.innerHTML =
      '<div class=\"gsc-premium-box\">' +
        '<div class=\"gsc-premium-icon\" aria-hidden=\"true\">🚚</div>' +
        '<div class=\"gsc-premium-content\">' +
          '<span class=\"gsc-premium-title\">' +
            '<span class=\"gsc-premium-date\">' + dateText + '</span> garantierter Versand' +
          '</span>' +
          '<span class=\"gsc-premium-text\">' +
            'Wenn Bestellung und Zahlung innerhalb von ' +
            '<span class=\"gsc-premium-counter\">' + formatRemaining(remaining) + '</span> erfolgen, wird Ihre Bestellung versendet.' +
          '</span>' +
        '</div>' +
        '<div class=\"gsc-premium-badge\">SCHNELLER VERSAND</div>' +
      '</div>';
  }

  function startCountdown() {
    render();
    moveBeforeAddToCart();

    setTimeout(moveBeforeAddToCart, 500);
    setTimeout(moveBeforeAddToCart, 1500);

    if (window[TIMER_KEY]) {
      clearInterval(window[TIMER_KEY]);
    }

    window[TIMER_KEY] = setInterval(function () {
      render();
      moveBeforeAddToCart();
    }, 1000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startCountdown);
  } else {
    startCountdown();
  }
})();
</script>
            
{{ footer }} 
", "vqmod/vqcache/vq2-catalog_view_theme_journal3_template_product_product.twig", "/home/isatuzun/public_html/opencart.my-multiplanet.ch/vqmod/vqcache/vq2-catalog_view_theme_journal3_template_product_product.twig");
    }
}
