@version(2)
			<div class="shp-badges" style="margin-bottom:8px">
				@if ($item->is_recommend === 'Y')<span class="shp-badge">{{ $lang->shop_badge_recommend }}</span>@endif
				@foreach ($item->badge_list ?? [] as $shp_bg)
				@php
					$shp_bg_style = '';
					if (!empty($shp_bg->bg_color)) { $shp_bg_style .= 'background:' . $shp_bg->bg_color . ';'; }
					if (!empty($shp_bg->color)) { $shp_bg_style .= 'color:' . $shp_bg->color . ';'; }
				@endphp
				<span class="shp-badge" style="{{ $shp_bg_style }}">{{ $shp_bg->title }}</span>
				@endforeach
				@if ($item->is_new === 'Y')<span class="shp-badge">NEW</span>@endif
				@if ($item->is_adult === 'Y')<span class="shp-badge is-adult">{{ $lang->shop_adult_item }}</span>@endif
				@if ($item->tax_type === 'free')<span class="shp-badge">{{ $lang->shop_tax_free }}</span>@endif
			</div>
			@php
			// 상품명 표기 규약: "브랜드 / 상품명" 으로 적으면 브랜드를 윗줄에 따로 세운다.
			$shp_dp = explode(' / ', (string)$item->item_name, 2);
			$shp_dbrand = count($shp_dp) === 2 ? trim($shp_dp[0]) : '';
			$shp_dname = count($shp_dp) === 2 ? trim($shp_dp[1]) : trim((string)$item->item_name);
			@endphp
			@if ($shp_dbrand !== '')<p class="shp-detail-brand">{{ $shp_dbrand }}</p>@endif
			<h1>{{ $shp_dname }}</h1>
			@if (!empty($item->summary))
			<p class="shp-detail-summary">{{ $item->summary }}</p>
			@endif

				@php
				$shp_attrs = json_decode((string)($item->attrs ?? ''), true);
				$shp_attrs = is_array($shp_attrs) ? $shp_attrs : [];
				@endphp
				@if (count($shp_attrs))
				<dl class="shp-attrs">
					@foreach ($shp_attrs as $shp_at)
					<dt>{{ $shp_at['name'] ?? '' }}</dt><dd>{{ $shp_at['value'] ?? '' }}</dd>
					@endforeach
				</dl>
				@endif
			{{-- 아래 합계 계산도 위 표시가와 같은 값을 써야 한다. 등급가가 있으면 그것이 기준가다 --}}
			@php $shp_buy_price = !empty($item->grade_price) ? (int)$item->grade_price : (int)($disp_effective_price ?? $effective_price); @endphp
			<p class="shp-detail-price">
				@if (!empty($item->grade_price))
				<s>{{ shop_item_price($item, 'effective') }}</s>{{ shop_item_price($item, 'grade') }}
				<em class="shp-grade-tag">{{ $lang->shop_grade }}</em>
				@elseif (shop_item_on_sale($item))
				@php
				$ss_base = isset($item->disp_price) ? (int)$item->disp_price : (int)($item->price ?? 0);
				$ss_now = isset($item->disp_sale_price) ? (int)$item->disp_sale_price : (int)($item->sale_price ?? 0);
				$ss_off = $ss_base > 0 ? (int)round(($ss_base - $ss_now) / $ss_base * 100) : 0;
				@endphp
				@if ($ss_off > 0)<em class="shp-off">{{ $ss_off }}%</em>@endif
				<s>{{ shop_item_price($item, 'price') }}</s>{{ shop_item_price($item, 'sale') }}
				@else
				{{ shop_item_price($item, 'price') }}
				@endif
			</p>

			@php
			$shp_ship_type = $item->ship_fee_type ?? 'default';
			$shp_ship_fee = $shp_ship_type === 'fixed' ? (int)$item->ship_fee : (int)($shop_config->default_ship_fee ?? 0);
			$shp_free_over = (int)($shop_config->free_ship_over ?? 0);
			@endphp
			@if (!empty($credit_rate) && $credit_rate > 0)
			<div class="shp-ship-info shp-credit-info">
				<span class="shp-ship-label">{{ $lang->shop_credit_benefit }}</span>
				<span>{{ sprintf($lang->shop_credit_rate_note, rtrim(rtrim(number_format($credit_rate, 2), '0'), '.')) }} <small id="shpCreditEarn" data-credit-rate="{{ $credit_rate }}"></small></span>
			</div>
			@endif
			<div class="shp-ship-info">
				<span class="shp-ship-label">{{ $lang->shop_ship_fee }}</span>
				<span>
					@if ($shp_ship_type === 'free' || $shp_ship_fee <= 0)
					{{ $lang->shop_ship_free }}
					@else
					{{ shop_money($shp_ship_fee) }}
					@if ($shp_free_over > 0) <small>{{ sprintf($lang->shop_free_over_note, shop_money($shp_free_over)) }}</small>@endif
					@endif
				</span>
			</div>

			@if (!$purchasable)
			<p class="shp-warn">{{ $lang->shop_not_purchasable }}</p>
			@elseif (!$adult_ok)
			<p class="shp-warn">{{ $lang->shop_adult_gate }}</p>
			@else
			<form action="{{ getUrl('') }}" method="post" id="shpBuyForm">
				<input type="hidden" name="act" value="procCommerceCartAdd" />
				<input type="hidden" name="mid" value="{{ $mid }}" />
				<input type="hidden" name="item_srl" value="{{ $item->item_srl }}" />

				@if (!empty($shop_axes) && count($shp_basic_opts))
				<div class="shp-axes">
					@foreach ($shop_axes as $shp_axi => $shp_ax)
					<div class="shp-row shp-axis-row" data-axis-row="{{ $shp_axi }}">
						<label>{{ $shp_ax->name }}<span class="shp-axis-picked" data-picked></span></label>
						@if ($shp_ax->style === 'select')
						<select class="shp-axis" data-axis="{{ $shp_axi }}">
							<option value="">{{ $lang->shop_select_option }}</option>
							@foreach ($shp_ax->items as $shp_avi => $shp_av)
							<option value="{{ $shp_avi }}">{{ $shp_av->value }}</option>
							@endforeach
						</select>
						@else
						<input type="hidden" class="shp-axis" data-axis="{{ $shp_axi }}" value="" />
						<div class="shp-chips @if ($shp_ax->style === 'color') is-color @endif">
							@foreach ($shp_ax->items as $shp_avi => $shp_av)
							<button type="button" class="shp-chip @if ($shp_ax->style === 'color' && $shp_av->color !== '') is-swatch @endif" data-chip="{{ $shp_avi }}" data-label="{{ $shp_av->value }}" title="{{ $shp_av->value }}"
								@if ($shp_ax->style === 'color' && $shp_av->color !== '') style="--chip: {{ $shp_av->color }}" @endif>
								@if ($shp_ax->style === 'color' && $shp_av->color !== '')<span class="shp-chip-dot"></span>@else{{ $shp_av->value }}@endif
							</button>
							@endforeach
						</div>
						@endif
					</div>
					@endforeach
				</div>
				@endif

				@if (count($shp_basic_opts))
				<div class="shp-row">
					<label>{{ $lang->shop_option }}<button type="button" class="shp-opt-tip" data-tip="{{ $lang->shop_option_help }}" aria-label="{{ $lang->shop_option }}"><svg width="13" height="13" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.4"/><rect x="7.3" y="7" width="1.4" height="4.4" rx="0.7" fill="currentColor"/><rect x="7.3" y="4.2" width="1.4" height="1.6" rx="0.7" fill="currentColor"/></svg></button></label>
					<select class="shp-opt-add" data-opt-type="basic">
						<option value="0" data-price-add="0" data-label="" @if ($shp_base_soldout) disabled @endif>
							{{ $lang->shop_option_base }}
							@if ($shp_base_soldout)- {{ $lang->shop_soldout }}@endif
						</option>
						@foreach ($shp_basic_opts as $opt)
						<option value="{{ $opt->option_srl }}" data-price-add="{{ (int)($opt->disp_price_add ?? $opt->price_add) }}" data-label="{{ $opt->option_label }}" data-combokey="{{ $opt->combo_key ?? '' }}" @if((int)$opt->stock <= 0) disabled @endif>
							{{ $opt->option_label }}
							@if ($opt->price_add != 0)({{ $opt->price_add > 0 ? '+' : '' }}{{ shop_money_in((int)($opt->disp_price_add ?? $opt->price_add), $disp_currency ?? '') }})@endif
							@if ((int)$opt->stock <= 0)- {{ $lang->shop_soldout }}@endif
						</option>
						@endforeach
					</select>
				</div>
				@endif

				@if (count($shp_extra_opts))
				<div class="shp-row">
					<label>{{ $lang->shop_add_option }}<button type="button" class="shp-opt-tip" data-tip="{{ $lang->shop_add_option_help }}" aria-label="{{ $lang->shop_add_option_guide }}"><svg width="13" height="13" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.4"/><rect x="7.3" y="7" width="1.4" height="4.4" rx="0.7" fill="currentColor"/><rect x="7.3" y="4.2" width="1.4" height="1.6" rx="0.7" fill="currentColor"/></svg></button></label>
					<select class="shp-opt-add" data-opt-type="extra">
						<option value="">{{ $lang->shop_select_option }}</option>
						@foreach ($shp_extra_opts as $opt)
						<option value="{{ $opt->option_srl }}" data-price-add="{{ (int)($opt->disp_price_add ?? $opt->price_add) }}" data-label="{{ $opt->option_label }}" @if((int)$opt->stock <= 0) disabled @endif>
							{{ $opt->option_label }}
							({{ shop_money_in((int)($opt->disp_price_add ?? $opt->price_add), $disp_currency ?? '') }})
							@if ((int)$opt->stock <= 0)- {{ $lang->shop_soldout }}@endif
						</option>
						@endforeach
					</select>
				</div>
				@endif

				<div class="shp-select-box" id="shpSelectBox"
					data-base-price="{{ $shp_buy_price }}"
					data-item-name="{{ $item->item_name }}"
					data-base-soldout="{{ $shp_base_soldout ? 'Y' : 'N' }}"
					data-has-basic="{{ $shp_has_basic ? 'Y' : 'N' }}"
					data-min-qty="{{ $item->min_qty > 0 ? (int)$item->min_qty : 1 }}"
					data-max-qty="{{ (int)$item->max_qty }}">
					<div id="shpRows"></div>
					@if ($item->min_qty > 0 || $item->max_qty > 0)
					<p class="shp-qty-limit">
						@if ($item->min_qty > 0){{ sprintf($lang->shop_min_qty, $item->min_qty) }}@endif
						@if ($item->max_qty > 0){{ sprintf($lang->shop_max_qty, $item->max_qty) }}@endif
					</p>
					@endif
					<div class="shp-total-row">
						<span id="shpTotalQty"></span>
						<span class="shp-total-right">
							{{ $lang->shop_total_amount }}
							<button type="button" class="shp-tip-btn" id="shpTipBtn" aria-label="{{ $lang->shop_ship_note_title }}">
								<svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.4"/><rect x="7.3" y="7" width="1.4" height="4.4" rx="0.7" fill="currentColor"/><rect x="7.3" y="4.2" width="1.4" height="1.6" rx="0.7" fill="currentColor"/></svg>
							</button>
							<strong id="shpTotalPrice"></strong>
						</span>
					</div>
					<div class="shp-ship-note" id="shpShipNote" hidden>
						<strong>{{ $lang->shop_ship_note_title }}</strong>
						<p>{{ $lang->shop_ship_note }}</p>
					</div>
				</div>

				<div class="shp-actions">
					<button type="submit" name="direct" value="Y" class="shp-btn shp-btn-primary" id="shpBuyBtn">{{ $lang->shop_buy_now }}</button>
					<button type="submit" class="shp-btn shp-btn-ghost" id="shpCartBtn">{{ $lang->shop_add_cart }}</button>
				</div>
			</form>
			@endif

			{{-- 안내 문구는 테마 레이아웃 언어파일에 있다. 상점 화면에서는 레이아웃이 로드되지 않아 여기서 직접 읽는다 --}}
			@php
			$shp_g = \Context::loadLang(\RX_BASEDIR . 'themes/streetlab/layouts/streetlab/lang');
			$shp_g_ship = $lang->ss_g_ship ?? 'Delivery';
			$shp_g_ship_text = $lang->ss_g_ship_text ?? '';
			$shp_g_fit = $lang->ss_g_fresh ?? 'Fit';
			$shp_g_fit_text = $lang->ss_g_fresh_text ?? '';
			$shp_g_return = $lang->ss_g_return ?? 'Returns';
			$shp_g_return_text = $lang->ss_g_return_text ?? '';
			@endphp
			<div class="ss-guide">
				<div>
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h11v9H3zm12 3h3.5l2.5 3v3h-6zM6.5 20a1.8 1.8 0 1 1 0-3.6 1.8 1.8 0 0 1 0 3.6zm11 0a1.8 1.8 0 1 1 0-3.6 1.8 1.8 0 0 1 0 3.6z"/></svg>
					<b>{{ $shp_g_ship }}</b><span>{{ $shp_g_ship_text }}</span>
				</div>
				<div>
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a5 5 0 0 1 5 5v3h2l1 10H5l1-10h2V8a5 5 0 0 1 4-5zm0 2a3 3 0 0 0-3 3v3h6V8a3 3 0 0 0-3-3z"/></svg>
					<b>{{ $shp_g_fit }}</b><span>{{ $shp_g_fit_text }}</span>
				</div>
				<div>
					<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5V2L7 6l5 4V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z"/></svg>
					<b>{{ $shp_g_return }}</b><span>{{ $shp_g_return_text }}</span>
				</div>
			</div>