<link rel="stylesheet" type="text/css" href="{$config.current_location}/design/themes/nova/media/css/custom.css">



{script src="js/tygh/exceptions.js"}
<link rel="stylesheet" type="text/css" href="/design/themes/nova_theme/media/css/custom.css?v=5">
<div class="ty-product-block ty-product-detail">
    <div class="ty-product-block__wrapper clearfix ty-product-grid">   
 {hook name="products:view_main_info"}
        {if $product}
            {assign var="obj_id" value=$product.product_id}
            {include file="common/product_data.tpl" product=$product but_role="big" but_text=__("add_to_cart")}

            {* LEFT COLUMN: image + description *}
            <div class="ty-product-block__col-left">

                <div class="ty-product-block__img-wrapper" style="width: {$settings.Thumbnails.product_details_thumbnail_width}px">
                    {hook name="products:image_wrap"}
                        {if !$no_images}
                            <div class="ty-product-block__img cm-reload-{$product.product_id}" data-ca-previewer="true" id="product_images_{$product.product_id}_update">

                                {assign var="product_labels" value="product_labels_`$obj_prefix``$obj_id`"}
                                {$smarty.capture.$product_labels nofilter}

                                {include file="views/products/components/product_images.tpl" product=$product show_detailed_link="Y" image_width=$settings.Thumbnails.product_details_thumbnail_width image_height=$settings.Thumbnails.product_details_thumbnail_height}
                            <!--product_images_{$product.product_id}_update--></div>
                        {/if}
                    {/hook}
                </div>

                {if $show_descr}
                {assign var="prod_descr" value="prod_descr_`$obj_id`"}
                    <h3 class="ty-product-block__description-title">{__("description")}</h3>
                    <div class="ty-product-block__description">{$smarty.capture.$prod_descr nofilter}</div>
                {/if}

            </div>
            {* /LEFT COLUMN *}

            {* RIGHT COLUMN: title, options, add-to-cart *}
            <div class="ty-product-block__col-right">
            <div class="ty-product-block__left">
                {assign var="form_open" value="form_open_`$obj_id`"}
                {$smarty.capture.$form_open nofilter}

                {hook name="products:main_info_title"}
                    {if !$hide_title}
                        <h1 class="ty-product-block-title" {live_edit name="product:product:{$product.product_id}"}><bdi>{$product.product nofilter}</bdi></h1>
                    {/if}

                    {hook name="products:brand"}
                        {hook name="products:brand_default"}
                            <div class="brand">
                                {include file="views/products/components/product_features_short_list.tpl" features=$product.header_features}
                            </div>
                        {/hook}
                    {/hook}
                {/hook}

                {assign var="old_price" value="old_price_`$obj_id`"}
                {assign var="price" value="price_`$obj_id`"}
                {assign var="clean_price" value="clean_price_`$obj_id`"}
                {assign var="list_discount" value="list_discount_`$obj_id`"}
                {assign var="discount_label" value="discount_label_`$obj_id`"}

                {hook name="products:promo_text"}
                {if $product.promo_text}
                <div class="ty-product-block__note-wrapper">
                    <div class="ty-product-block__note ty-product-block__note-inner">
                        {$product.promo_text nofilter}
                    </div>
                </div>
                {/if}
                {/hook}

                <div class="{if $smarty.capture.$old_price|trim || $smarty.capture.$clean_price|trim || $smarty.capture.$list_discount|trim}prices-container {/if}price-wrap">
                    {if $smarty.capture.$old_price|trim || $smarty.capture.$clean_price|trim || $smarty.capture.$list_discount|trim}
                        <div class="ty-product-prices">
                            {if $smarty.capture.$old_price|trim}{$smarty.capture.$old_price nofilter}{/if}
                    {/if}

                    {hook name="products:main_price"}
                        {if $smarty.capture.$price|trim}
                            <div class="ty-product-block__price-actual">
                                {$smarty.capture.$price nofilter}
                            </div>
                        {/if}
                    {/hook}

                    {if $smarty.capture.$old_price|trim || $smarty.capture.$clean_price|trim || $smarty.capture.$list_discount|trim}
                            {$smarty.capture.$clean_price nofilter}
                            {$smarty.capture.$list_discount nofilter}
                        </div>
                    {/if}
                </div>

                {if $capture_options_vs_qty}{capture name="product_options"}{$smarty.capture.product_options nofilter}{/if}
                <div class="ty-product-block__option">
                    {assign var="product_options" value="product_options_`$obj_id`"}
                    {$smarty.capture.$product_options nofilter}
                </div>
                {if $capture_options_vs_qty}{/capture}{/if}

                <div class="ty-product-block__advanced-option clearfix">
                    {if $capture_options_vs_qty}{capture name="product_options"}{$smarty.capture.product_options nofilter}{/if}
                    {assign var="advanced_options" value="advanced_options_`$obj_id`"}
                    {$smarty.capture.$advanced_options nofilter}
                    {if $capture_options_vs_qty}{/capture}{/if}
                </div>

                <div class="ty-product-block__sku">
                    {assign var="sku" value="sku_`$obj_id`"}
                    {$smarty.capture.$sku nofilter}
                </div>

                {if $capture_options_vs_qty}{capture name="product_options"}{$smarty.capture.product_options nofilter}{/if}
                <div class="ty-product-block__field-group">
                    {assign var="product_amount" value="product_amount_`$obj_id`"}
                    {$smarty.capture.$product_amount nofilter}

                    {assign var="qty" value="qty_`$obj_id`"}
                    {$smarty.capture.$qty nofilter}

                    {assign var="min_qty" value="min_qty_`$obj_id`"}
                    {$smarty.capture.$min_qty nofilter}
                </div>
                {if $capture_options_vs_qty}{/capture}{/if}

                {assign var="product_edp" value="product_edp_`$obj_id`"}
                {$smarty.capture.$product_edp nofilter}

                {if $capture_buttons}{capture name="buttons"}{/if}
                <div class="ty-product-block__button">
                    {if $show_details_button}
                        {include file="buttons/button.tpl" but_href="products.view?product_id=`$product.product_id`" but_text=__("view_details") but_role="submit"}
                    {/if}

                    {assign var="add_to_cart" value="add_to_cart_`$obj_id`"}
                    {$smarty.capture.$add_to_cart nofilter}

                    {assign var="list_buttons" value="list_buttons_`$obj_id`"}
                    {$smarty.capture.$list_buttons nofilter}
                </div>
                {if $capture_buttons}{/capture}{/if}

                {hook name="products:product_form_close_tag"}
                    {$form_close="form_close_`$obj_id`"}
                    {$smarty.capture.$form_close nofilter}
                {/hook}

                {hook name="products:product_detail_bottom"}
                {/hook}

                {if $show_product_tabs}
                {include file="views/tabs/components/product_popup_tabs.tpl"}
                {$smarty.capture.popupsbox_content nofilter}
                {/if}
            </div>
            </div>
            {* /RIGHT COLUMN *}
        {/if}

    {/hook}
    </div>

    {if $smarty.capture.hide_form_changed == "Y"}
        {assign var="hide_form" value=$smarty.capture.orig_val_hide_form}
    {/if}

    {if $show_product_tabs}
        {hook name="products:product_tabs"}
            {include file="views/tabs/components/product_tabs.tpl"}

            {if $blocks.$tabs_block_id.properties.wrapper}
                {include file=$blocks.$tabs_block_id.properties.wrapper content=$smarty.capture.tabsbox_content title=$blocks.$tabs_block_id.description}
            {else}
                {$smarty.capture.tabsbox_content nofilter}
            {/if}
        {/hook}
    {/if}
</div>

<div class="product-details">
</div>

/* Grid layout for image/description (left) + options/cart (right) */
.ty-product-block__wrapper.ty-product-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: none !important;
    column-gap: 40px !important;
    align-items: start !important;
}
.ty-product-block__wrapper.ty-product-grid .ty-product-block__col-left {
    grid-column: 1 !important;
    display: flex;
    flex-direction: column;
}
.ty-product-block__wrapper.ty-product-grid .ty-product-block__col-right {
    grid-column: 2 !important;
    display: flex;
    flex-direction: column;
}
.ty-product-block__wrapper.ty-product-grid .ty-product-block__img-wrapper {
    width: 100% !important;
}

/* Neutralize Nova's sidebar-style columns wrapper for options */
.ty-product-block__columns-wrapper {
    display: block !important;
    grid-template-columns: none !important;
}

/* Prevent the moved description/tabs block from bleeding out of the left column */
.ty-product-block__col-left {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.ty-product-block__col-left .ty-tabs,
.ty-product-block__col-left .ty-tabs-content,
.ty-product-block__col-left [class*="tabs"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .ty-product-block__wrapper.ty-product-grid {
        grid-template-columns: 1fr !important;
    }
    .ty-product-block__wrapper.ty-product-grid .ty-product-block__col-left,
    .ty-product-block__wrapper.ty-product-grid .ty-product-block__col-right {
        grid-column: 1 !important;
    }
}

/* Make the single remaining "Description" tab look static, not clickable */
.ty-product-block__col-left #description .ty-tabs__a,
.ty-product-block__col-left .ty-tabs__a {
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: default;
}
.ty-product-block__col-left #description,
.ty-product-block__col-left #description .ty-tabs__a,
.ty-product-block__col-left .ty-tabs__item.active .ty-tabs__a {
    text-decoration: none !important;
}
.ty-product-block__col-left #description .ty-tabs__a::after,
.ty-product-block__col-left #description .ty-tabs__a::before {
    display: none !important;
    content: none !important;
}
.ty-product-block__col-left #description,
.ty-product-block__col-left .ty-tabs__item.active,
.ty-product-block__col-left .ty-tabs__a {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* NOTE: removes focus outline on the tab link — intentional since it's non-interactive,
   but be aware this affects keyboard-navigation visibility */
.ty-product-block__col-left #description,
.ty-product-block__col-left #description .ty-tabs__a,
.ty-product-block__col-left .ty-tabs__item,
.ty-product-block__col-left .ty-tabs__a {
    outline: none !important;
}

.ty-product-block__col-left .ty-tabs__list,
.ty-product-block__col-left ul.ty-tabs {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.ty-product-block__col-left #tabs_content,
.ty-product-block__col-left .cm-tabs-content,
.ty-product-block__col-left .ty-tabs__content {
    border-top: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Catch-all: strips border/shadow/background-image from every descendant of .ty-tabs,
   named or not — this is what caught the mystery line's pseudo-elements */
.ty-product-block__col-left .ty-tabs,
.ty-product-block__col-left .ty-tabs *,
.ty-product-block__col-left .ty-tabs *::before,
.ty-product-block__col-left .ty-tabs *::after {
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* The actual fix for the phantom line: Nova's base .ty-tabs rule sets
   border-bottom: 1px solid #cbd2de directly, and the wildcard shorthand
   above wasn't enough to beat it — needed this explicit longhand override */
.ty-product-block__col-left .ty-tabs {
    border-bottom: none !important;
}