/* /Components/Documents/Commercial/QuoteDocument.razor.rz.scp.css */
.qd-fit[b-ypz2fue56g] { width: 100%; min-width: 0; }
.qd-root[b-ypz2fue56g] { width: 100%; max-width: calc(var(--lap-1) * 285); margin: 0 auto; padding: var(--lap-6); transform: scale(var(--qd-fit-scale, 1)); transform-origin: top left; background: var(--lap-white); color: var(--lap-text-main); font-family: var(--lap-font-family); font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); }
.qd-title[b-ypz2fue56g] { margin: 0 0 var(--lap-8); font-size: var(--lap-text-size5); font-weight: var(--lap-fw-bold); letter-spacing: .6em; text-align: center; text-indent: .6em; }
.qd-top[b-ypz2fue56g] { display: grid; grid-template-columns: 5fr 7fr; gap: var(--lap-6); align-items: start; margin-bottom: var(--lap-5); }
.qd-meta[b-ypz2fue56g] { padding: var(--lap-3) 0; }
.qd-meta p[b-ypz2fue56g] { margin: 0 0 var(--lap-3); }
.qd-recipient-field[b-ypz2fue56g] { margin-bottom: var(--lap-3); }
.qd-recipient-label[b-ypz2fue56g] { display: block; margin-bottom: var(--lap-1); color: var(--lap-text-secondary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-semibold); }
.qd-recipient-control[b-ypz2fue56g] { display: flex; align-items: center; gap: var(--lap-2); }
.qd-recipient[b-ypz2fue56g] { width: calc(var(--lap-1) * 45); min-height: var(--lap-9); padding: var(--lap-2) var(--lap-3); border: 1px solid var(--lap-gray-400); border-radius: var(--lap-r-sm); background: var(--lap-white); color: inherit; font: inherit; transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease; }
.qd-recipient[b-ypz2fue56g]::placeholder { color: var(--lap-text-tertiary); }
.qd-recipient:hover[b-ypz2fue56g] { border-color: var(--lap-gray-600); }
.qd-recipient:focus-visible[b-ypz2fue56g] { border-color: var(--lap-primary-500); outline: 2px solid var(--lap-primary-100); outline-offset: 0; }
.qd-recipient-suffix[b-ypz2fue56g] { flex: 0 0 auto; white-space: nowrap; }
.qd-supplier[b-ypz2fue56g] { position: relative; }
.qd-table[b-ypz2fue56g] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.qd-bordered th[b-ypz2fue56g], .qd-bordered td[b-ypz2fue56g] { height: var(--lap-9); padding: var(--lap-2); border: 1px solid var(--lap-gray-700); vertical-align: middle; }
.qd-bordered th[b-ypz2fue56g] { font-weight: var(--lap-fw-semibold); text-align: center; }
.qd-supplier th[b-ypz2fue56g] { width: calc(var(--lap-1) * 19); letter-spacing: .12em; }
.qd-supplier td[b-ypz2fue56g] { text-align: left; }
.qd-stamp[b-ypz2fue56g] { position: absolute; top: calc(var(--lap-1) * 10); right: calc(var(--lap-1) * 7); width: calc(var(--lap-1) * 18); height: auto; opacity: .82; pointer-events: none; }
.qd-total-table[b-ypz2fue56g] { margin-bottom: var(--lap-5); border-top: 1px solid var(--lap-gray-700); border-bottom: 1px solid var(--lap-gray-700); }
.qd-total-table th[b-ypz2fue56g], .qd-total-table td[b-ypz2fue56g] { height: var(--lap-12); padding: var(--lap-2) var(--lap-3); text-align: center; }
.qd-total-table th[b-ypz2fue56g] { width: 18%; }
.qd-total-table td:nth-child(2)[b-ypz2fue56g] { width: 52%; font-size: var(--lap-text-size2); font-weight: var(--lap-fw-bold); }
.qd-total-table small[b-ypz2fue56g] { font-size: calc(var(--lap-text-size1) - 2px); font-weight: var(--lap-fw-regular); }
.qd-lines[b-ypz2fue56g] { margin-bottom: var(--lap-4); }
.qd-lines thead th[b-ypz2fue56g] { background: var(--lap-gray-100); }
.qd-lines td[b-ypz2fue56g] { overflow-wrap: anywhere; }
.qd-col-number[b-ypz2fue56g] { width: calc(var(--lap-1) * 15); }
.qd-col-unit[b-ypz2fue56g] { width: calc(var(--lap-1) * 24); }
.qd-col-quantity[b-ypz2fue56g] { width: calc(var(--lap-1) * 20); }
.qd-col-price[b-ypz2fue56g] { width: calc(var(--lap-1) * 30); }
.qd-center[b-ypz2fue56g] { text-align: center; }
.qd-number[b-ypz2fue56g] { text-align: right; white-space: nowrap; }
.qd-summary th[b-ypz2fue56g], .qd-summary td[b-ypz2fue56g] { font-weight: var(--lap-fw-bold); }
.qd-notes[b-ypz2fue56g] { margin-top: var(--lap-4); color: var(--lap-text-secondary); font-size: var(--lap-text-size1); }
.qd-notes p[b-ypz2fue56g] { margin: 0 0 var(--lap-1); }
.qd-manager[b-ypz2fue56g] { margin-top: var(--lap-4); color: var(--lap-text-main); }
.qd-manager p[b-ypz2fue56g] { margin: 0 0 var(--lap-1); }
.qd-actions[b-ypz2fue56g] { display: flex; justify-content: center; margin-top: var(--lap-6); }

@media (max-width: 767.98px) {
  .qd-fit[b-ypz2fue56g] { overflow: visible; }
  .qd-root[b-ypz2fue56g] { width: 820px; max-width: none; min-width: 820px; margin: 0; padding: var(--lap-6); }
}

@media print {
  .qd-fit[b-ypz2fue56g] { height: auto !important; }
  .qd-root[b-ypz2fue56g] { width: 100%; max-width: none; min-width: 0; padding: 0; transform: none !important; font-size: 9pt; line-height: 1.25; }
  .qd-title[b-ypz2fue56g] { margin-bottom: 5mm; }
  .qd-top[b-ypz2fue56g] { grid-template-columns: 5fr 7fr; gap: 4mm; margin-bottom: 3mm; }
  .qd-meta[b-ypz2fue56g] { padding: 1mm 0; }
  .qd-meta p[b-ypz2fue56g] { margin-bottom: 2mm; }
  .qd-recipient-field[b-ypz2fue56g] { margin-bottom: 2mm; }
  .qd-recipient-label[b-ypz2fue56g] { margin-bottom: 1mm; }
  .qd-recipient[b-ypz2fue56g] { min-height: 7mm; padding: 1mm 2mm; }
  .qd-bordered th[b-ypz2fue56g], .qd-bordered td[b-ypz2fue56g] { height: 5.5mm; padding: 1mm; }
  .qd-total-table[b-ypz2fue56g] { margin-bottom: 3mm; }
  .qd-total-table th[b-ypz2fue56g], .qd-total-table td[b-ypz2fue56g] { height: 8mm; padding: 1mm 2mm; }
  .qd-lines[b-ypz2fue56g] { margin-bottom: 3mm; }
  .qd-lines thead[b-ypz2fue56g] { display: table-header-group; }
  .qd-lines tr[b-ypz2fue56g] { break-inside: avoid; page-break-inside: avoid; }
  .qd-summary[b-ypz2fue56g] { break-inside: avoid; page-break-inside: avoid; }
  .qd-notes[b-ypz2fue56g] { margin-top: 3mm; font-size: 8.5pt; line-height: 1.25; }
  .qd-notes p[b-ypz2fue56g] { margin-bottom: .8mm; }
  .qd-manager[b-ypz2fue56g] { margin-top: 3mm; }
  .qd-manager p[b-ypz2fue56g] { margin-bottom: .8mm; }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.h-header[b-g0sufsf64d] {
	/* 높이 고정: 줄어들지/늘어나지 않게 */
	--h-header-base: calc(var(--lap-1) * 13 + 3px);
	/* 48px */

	height: var(--h-header-base);
	min-height: var(--h-header-base);
	max-height: var(--h-header-base);
	margin-bottom: 0;

	box-sizing: border-box;
	/* border 포함해서 48px로 고정 */
	padding: 0 var(--lap-4) 0 var(--lap-6);
	/* 스크롤 8px 포함하여 우측 패딩 값 셋팅 */

	display: grid;
	background-color: var(--lap-gray-200);
	position: sticky;
	top: 0;
	z-index: 900;
	/* ✅ grid row가 콘텐츠에 끌려가지 않게 */
	grid-auto-rows: 1fr;
	overflow: visible;
	scrollbar-gutter: stable;
}

.h-header[b-g0sufsf64d]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: var(--h-header-base);
	background-color: var(--lap-gray-200);
	z-index: 1;
	pointer-events: none;
}

.h-header.is-search-open[b-g0sufsf64d] {
	margin-bottom: 0;
}

.h-main[b-g0sufsf64d] {
	position: relative;
	z-index: 2;
	display: grid;
	align-items: center;
	min-height: var(--h-header-base);
	grid-template-columns: 1fr 1fr;
}

/* 좌/중/우 */
.h-left[b-g0sufsf64d] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--lap-2);
	flex-wrap: nowrap;
	/* 폭이 줄어도 줄바꿈 방지 */
	min-width: 0;
}

.h-center[b-g0sufsf64d] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	min-width: 0;
}

.h-right[b-g0sufsf64d] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--lap-2);
	flex-wrap: nowrap;
	/* 폭이 줄어도 줄바꿈 방지 */
	min-width: 0;
}

/* 공통 아이콘 버튼 */
.h-iconbtn[b-g0sufsf64d] {
	width: calc(var(--lap-1) * 8);
	/* 32px */
	height: calc(var(--lap-1) * 8);
	/* 32px */
	flex: 0 0 auto;
	/* 버튼 자체도 줄지 않게 */

	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border: 1px solid transparent;
	color: var(--lap-icon-main-black);
	background: transparent;
	transition: background-color var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease;
}

.h-iconbtn:hover[b-g0sufsf64d] {
	background-color: var(--lap-gray-300);
	border-color: var(--lap-gray-300);
}

/* 알림 뱃지(dot) */
.h-bell[b-g0sufsf64d] {
	position: relative;
	text-decoration: none;
}

.h-dot[b-g0sufsf64d] {
	position: absolute;
	top: calc(var(--lap-1) * 1);
	/* 4px */
	right: calc(var(--lap-1) * 1);
	/* 4px */
	width: calc(var(--lap-1) * 1);
	/* 4px */
	height: calc(var(--lap-1) * 1);
	/* 4px */
	border-radius: 9999px;
	background-color: var(--lap-danger-400);
	box-shadow: 0 0 0 2px var(--lap-surface-1);
}

/* 인사말 */
.h-greeting[b-g0sufsf64d] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	/* 폭이 줄어도 높이 영향 없게 */
}

/* 로고 */
.h-logo[b-g0sufsf64d] {
	height: calc(var(--lap-1) * 7);
	/* 24px */
	width: auto;
	/* ✅ 비율 유지 */
	display: block;
}

.h-logo-link[b-g0sufsf64d] {
	border-radius: var(--lap-r-sm);
	text-decoration: none;
}

.h-logo-link:focus-visible[b-g0sufsf64d] {
	outline: 2px solid var(--lap-primary-400);
	outline-offset: var(--lap-1);
}

/* 모바일에서만 레이아웃 전환 */
@media (max-width: 767.98px) {
	.h-main[b-g0sufsf64d] {
		grid-template-columns: 1fr auto 1fr;
	}
}

.h-cart[b-g0sufsf64d] {
	position: relative;
	text-decoration: none;
}

.h-cart-count[b-g0sufsf64d] {
	position: absolute;
	top: calc(var(--lap-1) * -1);
	right: calc(var(--lap-1) * -1);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--lap-1) * 4);
	height: calc(var(--lap-1) * 4);
	padding: 0;
	border: 1px solid var(--lap-primary-100);
	border-radius: 50%;
	background: var(--lap-primary-500);
	color: var(--lap-white);
	font-size: calc(var(--lap-text-size1) - 2px);
	font-weight: var(--lap-fw-semibold);
	line-height: 1;
	text-align: center;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* 전체 내부 레이아웃: 사이드 메뉴와 본문 */
.ml-main[b-11xceffxzt] {
	display: flex;
	/* 데스크톱 내부 화면은 viewport 자체를 Shell로 사용해 body 스크롤이 생기지 않게 한다. */
	position: fixed;
	inset: 0;
	width: 100%;
	height: auto;
	background-color: var(--lap-surface-0);
	overflow: hidden;
}

/* 사이드 메뉴 영역 */
.ml-sidebar-host[b-11xceffxzt] {
	flex: 0 0 auto;
	position: relative;
	z-index: 1000;
}

.ml-content-body[b-11xceffxzt] {
	flex: 1 0 auto;
	padding: var(--lap-6);
}

/* 모바일 레이아웃 */
@media (max-width: 767.98px) {
	.ml-main[b-11xceffxzt] {
		display: block;
		position: static;
		inset: auto;
		height: auto;
		min-height: 100vh;
		min-height: 100dvh;
		overflow: visible;
	}

	.ml-sidebar-host[b-11xceffxzt] {
		display: block;
	}

	.lap-main-area[b-11xceffxzt] {
		width: 100%;
		height: auto;
		min-height: 100vh;
		min-height: 100dvh;
	}

	.ml-content-body[b-11xceffxzt] {
		padding: var(--lap-4);
	}
}
/* /Components/Layout/PublicFooter.razor.rz.scp.css */
.plp-footer[b-l5b491x81q] {
  flex: 0 0 auto;
  width: 100%;
  color: var(--lap-text-tertiary);
  background: var(--lap-gray-200);
  font-size: var(--lap-text-size1);
  line-height: var(--lap-lh-normal);
}

.plp-footer-inner[b-l5b491x81q] { display: flex; flex-direction: column; row-gap: var(--lap-10); width: 100%; padding: var(--lap-10) calc(var(--lap-10) * 2); }
.plp-footer-top[b-l5b491x81q] { display: flex; align-items: center; justify-content: space-between; column-gap: var(--lap-10); row-gap: var(--lap-6); flex-wrap: wrap; width: 100%; }
.plp-footer-nav[b-l5b491x81q] { display: flex; align-items: center; column-gap: var(--lap-10); flex: 1 1 auto; min-width: 0; }
.plp-footer-nav-link[b-l5b491x81q] { color: var(--lap-text-primary); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-bold); line-height: var(--lap-lh-normal); white-space: nowrap; }
.plp-footer-nav-button[b-l5b491x81q] { appearance: none; padding: 0; border: 0; background: transparent; cursor: pointer; font-family: inherit; }
.plp-footer-nav-link:hover[b-l5b491x81q],
.plp-footer-nav-link:focus-visible[b-l5b491x81q] { color: var(--lap-primary-600); text-decoration: none; }
.plp-footer-brand[b-l5b491x81q] { display: flex; align-items: center; column-gap: var(--lap-4); flex: 0 0 auto; margin-left: auto; }
.plp-footer-logo[b-l5b491x81q] { display: block; width: calc(var(--lap-10) * 6); max-width: none; height: auto; flex: 0 0 auto; }
.plp-footer-copy[b-l5b491x81q] { color: var(--lap-text-secondary); font-size: var(--lap-text-size1); white-space: nowrap; }
.plp-footer-company[b-l5b491x81q] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); align-items: start; justify-content: space-between; column-gap: var(--lap-10); width: 100%; }
.plp-footer-info[b-l5b491x81q] { min-width: 0; color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); }
.plp-footer-info p[b-l5b491x81q] { line-height: var(--lap-lh-normal); }
.plp-footer-info a[b-l5b491x81q] { color: inherit; text-decoration: underline; text-underline-offset: var(--lap-1); }
.plp-footer-info a:hover[b-l5b491x81q],
.plp-footer-info a:focus-visible[b-l5b491x81q] { color: var(--lap-primary-600); }
.plp-footer-partners[b-l5b491x81q] { display: flex; flex-direction: column; row-gap: 0; text-align: left; }
.plp-footer-partner-tel[b-l5b491x81q] { display: inline-block; padding-left: var(--lap-8); }

@media (max-width: 991.98px) {
  .plp-footer-inner[b-l5b491x81q] { padding-right: var(--lap-10); padding-left: var(--lap-10); }
  .plp-footer-top[b-l5b491x81q] { align-items: flex-start; flex-direction: column; row-gap: var(--lap-10); }
  .plp-footer-brand[b-l5b491x81q] { margin-left: 0; order: 2; }
  .plp-footer-company[b-l5b491x81q] { grid-template-columns: 1fr; row-gap: var(--lap-10); }
}

@media (max-width: 767.98px) {
  .plp-footer-inner[b-l5b491x81q] { padding: var(--lap-10); }
  .plp-footer-top[b-l5b491x81q] { display: contents; }
  .plp-footer-nav[b-l5b491x81q] { justify-content: space-between; column-gap: var(--lap-3); order: 1; width: 100%; }
  .plp-footer-nav-link[b-l5b491x81q] { font-size: var(--lap-text-size2); text-align: center; }
  .plp-footer-company[b-l5b491x81q] { order: 2; }
  .plp-footer-brand[b-l5b491x81q] { align-items: center; column-gap: var(--lap-4); order: 3; width: 100%; }
  .plp-footer-logo[b-l5b491x81q] { width: calc(var(--lap-10) * 6); max-width: 58vw; }
}

@media (max-width: 575.98px) {
  .plp-footer-nav[b-l5b491x81q] { align-items: flex-start; column-gap: var(--lap-2); }
  .plp-footer-nav-link[b-l5b491x81q] { font-size: var(--lap-text-size1); white-space: normal; word-break: keep-all; }
  .plp-footer-brand[b-l5b491x81q] { flex-wrap: wrap; }
}
/* /Components/Layout/PublicHeader.razor.rz.scp.css */
.plp-header[b-zs5k3fb3mg] {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--lap-1) * 16);
  padding: var(--lap-4) var(--lap-8);
  background: var(--lap-white);
  border-bottom: 1px solid var(--lap-gray-200);
}

.plp-logo-link[b-zs5k3fb3mg] { display: inline-flex; align-items: center; flex: 0 0 auto; }
.plp-logo[b-zs5k3fb3mg] { width: calc(var(--lap-1) * 36); height: auto; }

.plp-nav[b-zs5k3fb3mg] {
  display: flex;
  align-items: center;
  gap: var(--lap-7);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
}

.plp-nav a[b-zs5k3fb3mg] { transition: color var(--lap-motion-fast) ease; }
.plp-nav a:hover[b-zs5k3fb3mg],
.plp-nav a:focus-visible[b-zs5k3fb3mg] { color: var(--lap-color-primary); }

.plp-nav > a[b-zs5k3fb3mg] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block: calc(var(--lap-4) * -1);
  padding-block: var(--lap-5);
}

.plp-nav > a[b-zs5k3fb3mg]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: var(--lap-r-max);
  background: var(--lap-color-primary);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--lap-motion) ease;
}

.plp-nav > a.is-active[b-zs5k3fb3mg] { color: var(--lap-color-primary); }
.plp-nav > a.is-active[b-zs5k3fb3mg]::after { transform: scaleX(1); }
.plp-header-cta[b-zs5k3fb3mg] { flex: 0 0 auto; }
.plp-header-actions[b-zs5k3fb3mg]  .plp-header-cta.lb-w-full { width: auto; }
.plp-header-actions[b-zs5k3fb3mg] { display: flex; align-items: center; gap: var(--lap-4); flex: 0 0 auto; }
.plp-nav__actions[b-zs5k3fb3mg] { display: none; }

.plp-nav-toggle[b-zs5k3fb3mg] {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--lap-1) * 1.25);
  width: calc(var(--lap-1) * 11);
  height: calc(var(--lap-1) * 11);
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.plp-nav-toggle__bar[b-zs5k3fb3mg] {
  display: block;
  width: calc(var(--lap-1) * 6);
  height: 2px;
  border-radius: var(--lap-r-max);
  background: var(--lap-color-primary);
  transition: transform var(--lap-motion) ease, opacity var(--lap-motion) ease;
}

.plp-nav-toggle.is-open .plp-nav-toggle__bar:nth-child(1)[b-zs5k3fb3mg] { transform: translateY(calc(var(--lap-1) * 1.75)) rotate(45deg); }
.plp-nav-toggle.is-open .plp-nav-toggle__bar:nth-child(2)[b-zs5k3fb3mg] { opacity: 0; }
.plp-nav-toggle.is-open .plp-nav-toggle__bar:nth-child(3)[b-zs5k3fb3mg] { transform: translateY(calc(var(--lap-1) * -1.75)) rotate(-45deg) scaleY(.9); }

.plp-nav-backdrop[b-zs5k3fb3mg] {
  position: fixed;
  inset: 0;
  top: calc(var(--lap-1) * 16);
  z-index: 1;
}

@media (max-width: 1200px) {
  .plp-nav-toggle[b-zs5k3fb3mg] { display: flex; }
  .plp-nav > a[b-zs5k3fb3mg]::after { content: none; }
  .plp-header-actions[b-zs5k3fb3mg]  .plp-header-cta { display: none; }
  .plp-nav__actions[b-zs5k3fb3mg] {
    display: flex;
    align-items: center;
    gap: var(--lap-4);
    padding: var(--lap-4) var(--lap-8);
    border-bottom: 1px solid var(--lap-gray-100);
  }
  .plp-nav__actions[b-zs5k3fb3mg]  .lb-root { flex: 1 1 0; }
  .plp-nav[b-zs5k3fb3mg] {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-height: 0;
    overflow: hidden;
    background: var(--lap-white);
    border-bottom: 1px solid var(--lap-gray-200);
    box-shadow: var(--lap-shadow-3);
    opacity: 0;
    visibility: hidden;
    transition: max-height var(--lap-motion) ease, opacity var(--lap-motion) ease, visibility var(--lap-motion) ease;
  }
  .plp-nav a[b-zs5k3fb3mg] { margin-block: 0; padding: var(--lap-4) var(--lap-8); border-bottom: 1px solid var(--lap-gray-100); }
  .plp-nav.is-open[b-zs5k3fb3mg] { max-height: calc(var(--lap-1) * 150); opacity: 1; visibility: visible; }
  .plp-nav.is-open ~ .plp-header-actions[b-zs5k3fb3mg]  .plp-cta__btn { display: none; }
}

@media (max-width: 767.98px) {
  .plp-header[b-zs5k3fb3mg] { padding-inline: var(--lap-6); }
  .plp-logo-link[b-zs5k3fb3mg] { margin-left: calc(var(--lap-2) * -1); }
  .plp-header-actions[b-zs5k3fb3mg]  .plp-mobile-signup { display: none; }
  .plp-nav-toggle[b-zs5k3fb3mg] { width: calc(var(--lap-1) * 10); height: calc(var(--lap-1) * 10); gap: var(--lap-1); }
  .plp-nav-toggle__bar[b-zs5k3fb3mg] { width: calc(var(--lap-1) * 5); }
  .plp-nav-toggle.is-open .plp-nav-toggle__bar:nth-child(1)[b-zs5k3fb3mg] { transform: translateY(calc(var(--lap-1) * 1.5)) rotate(45deg); }
  .plp-nav-toggle.is-open .plp-nav-toggle__bar:nth-child(3)[b-zs5k3fb3mg] { transform: translateY(calc(var(--lap-1) * -1.5)) rotate(-45deg); }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-tzkb9b8yhn] {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	background: var(--lap-white);
}

.public-layout[b-tzkb9b8yhn] {
	flex: 1 0 auto;
	min-width: 0;
}
/* /Components/Layout/SideMenu.razor.rz.scp.css */
/* =========================================================
   SideMenu.razor.css (FULL)
   - 간격/패딩: 사이드바이미지.png / 사이드바 모바일.png 기준으로 조정
   - chevron 회전: group.IsOpen 기반(.is-open)
   - 접힘 상태 flyout: 위치/스타일 이미지처럼 조정
   - ✅ 추가(요청): 데스크톱 접힘 상태 대시보드 아이콘도 다른 메뉴처럼 hover 배경 적용
                 (보더는 유지)
   ========================================================= */

.sm-menu[b-vgbvp8vpua] {
	width: auto;
	height: 100%;
    border-radius: 0 0 var(--lap-r-xl) 0;
	background-color: var(--lap-gray-200);
}

/* 첫 링크 이동이 접수되는 짧은 구간에는 연속 메뉴 클릭만 막는다. */
.sm-menu.is-navigation-pending a[b-vgbvp8vpua] {
	pointer-events: none;
}

/* 토글 체크박스 숨김 */
.sm-nav-toggle[b-vgbvp8vpua],
.sm-collapse-toggle[b-vgbvp8vpua],
.sm-group-toggle[b-vgbvp8vpua] {
	position: absolute;
	left: -9999px;
}

/* =========================================================
   1) Sidebar container
   ========================================================= */
.sm-inner[b-vgbvp8vpua] {
	color: var(--lap-text-main);
	width: var(--lap-sidebar-w-expanded);
	height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--lap-surface-0);
	border-right: 1px solid var(--lap-gray-200);
	box-shadow: var(--lap-shadow-2);
	border-radius: 0 var(--lap-r-xl) var(--lap-r-xl) 0;
	padding: var(--lap-4) 0 var(--lap-4);
	transition: width var(--lap-motion) ease-out, transform var(--lap-motion) ease-out;
}

.sm-backdrop[b-vgbvp8vpua] {
	display: none;
}

/* =========================================================
   2) Header
   ========================================================= */
.sm-header[b-vgbvp8vpua] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(var(--lap-1) * 14); /* 56px */
	padding-right: var(--lap-6); /* 24 */
	padding-left: var(--lap-6); /* 24 */
	margin-bottom: var(--lap-2); /* 8px */
}

.sm-logo[b-vgbvp8vpua] {
	display: flex;
	align-items: center;
	gap: var(--lap-2);
}

.sm-logo-svg[b-vgbvp8vpua] {
	display: block;
	height: calc(var(--lap-1) * 8);
	width: auto;
}

.sm-header-actions[b-vgbvp8vpua] {
	display: flex;
	align-items: center;
	gap: var(--lap-2);
}

/* 접힘 상태 대체 아이콘 */
.sm-compact-open[b-vgbvp8vpua] {
	display: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	width: calc(var(--lap-1) * 8);
	height: calc(var(--lap-1) * 8);
	border-radius: var(--lap-r-xl);
}

.sm-compact-icon[b-vgbvp8vpua] {
	display: block;
	width: calc(var(--lap-1) * 6);
	height: calc(var(--lap-1) * 6);
}

/* 데스크톱 화살표 버튼: 보더/배경 제거 */
.sm-collapse-btn[b-vgbvp8vpua] {
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	width: calc(var(--lap-1) * 8);
	height: calc(var(--lap-1) * 8);
	border: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

/* 모바일 닫기 버튼 */
.sm-close-btn[b-vgbvp8vpua] {
	display: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	width: calc(var(--lap-1) * 8);
	height: calc(var(--lap-1) * 8);
	color: var(--lap-text-disabled);
	font-size: calc(var(--lap-1) * 4);
}

/* =========================================================
   3) Nav scroll area
   ========================================================= */
.sm-nav-scrollable[b-vgbvp8vpua] {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.sm-nav[b-vgbvp8vpua] {
	padding: 0;
}

/* =========================================================
   3-1) Dashboard single item (non-toggle)
   - 요청(2): 대시보드는 반복문 밖 단독 메뉴
   - 펼침 상태: 위/아래 보더 + 여백
   - 접힘 상태: 아이콘 버튼 형태(팝업 없음)
   ========================================================= */
.sm-dashboard[b-vgbvp8vpua] {
	position: relative; /* ✅ 접힘 상태에서 ::before/::after 보더 라인 배치용 */
	padding: 0;
	margin: 0 0 var(--lap-2);
}

.sm-dashboard-link[b-vgbvp8vpua] {
	align-items: center;
	min-height: calc(var(--lap-1) * 14); /* 56px */
	border-radius: 0;
	cursor: pointer;
	color: var(--lap-text-main);
	font-weight: 500;
	background: transparent;
	transition: background-color var(--lap-motion-fast) ease, color var(--lap-motion-fast) ease;
}

	.sm-dashboard-link:hover[b-vgbvp8vpua] {
		background-color: var(--lap-gray-200);
		color: var(--lap-text-main);
	}

.sm-dashboard-border[b-vgbvp8vpua] {
	border-top: 1px solid var(--lap-gray-200);
	border-bottom: 1px solid var(--lap-gray-200);
	padding: var(--lap-4) 0 var(--lap-4) 0; /* 16px 24px */
	margin: 0 var(--lap-6) 0 var(--lap-6); /* 16px 24px */
}

.sm-dashboard-contents[b-vgbvp8vpua] {
	display: flex;
	width: 100%;
	gap: var(--lap-3); /* 12px */
}

.sm-dashboard-icon[b-vgbvp8vpua] {
	width: calc(var(--lap-1) * 6); /* 24px */
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sm-dashboard-title[b-vgbvp8vpua] {
	flex: 1;
	font-weight: 500;
}

/* 현재 페이지는 디자인 시스템의 primary 색상으로 더 선명하게 표시한다. */
.sm-dashboard > a.active .sm-dashboard-link[b-vgbvp8vpua] {
	background-color: var(--lap-color-primary-soft);
	color: var(--lap-primary-700);
	font-weight: var(--lap-fw-bold);
}

.sm-dashboard > a.active .sm-dashboard-title[b-vgbvp8vpua] {
	font-weight: var(--lap-fw-bold);
}

.sm-dashboard > a.active .sm-dashboard-link:hover[b-vgbvp8vpua] {
	background-color: var(--lap-primary-100);
	color: var(--lap-primary-700);
}

/* =========================================================
   4) Group header (메인 메뉴 행)
   ========================================================= */
.sm-group[b-vgbvp8vpua] {
	position: relative;
}

.sm-group-header[b-vgbvp8vpua] {
	display: flex;
	align-items: center;
	gap: var(--lap-3); /* 12px */
	width: 100%;
	height: calc(var(--lap-1) * 12); /* 48px */
	padding: var(--lap-4) var(--lap-6); /* 16px 24px */

	border-radius: 0;
	cursor: pointer;
	color: var(--lap-text-main);
	font-weight: 500;
	/* 요청(1): 메뉴 하단 구분선 제거 */
	border-bottom: 0;
	transition: background-color var(--lap-motion-fast) ease, color var(--lap-motion-fast) ease;
}

	.sm-group-header:hover[b-vgbvp8vpua] {
		background-color: var(--lap-gray-200);
		color: var(--lap-text-main);
	}

/* 열린 상태에서 hover 고정 금지 */
.sm-group-toggle:checked + .sm-group-header[b-vgbvp8vpua] {
	background-color: transparent;
	color: var(--lap-text-main);
}

	.sm-group-toggle:checked + .sm-group-header:hover[b-vgbvp8vpua] {
		background-color: var(--lap-gray-200);
	}

.sm-group-icon[b-vgbvp8vpua] {
	width: calc(var(--lap-1) * 6); /* 24px */
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sm-group-title[b-vgbvp8vpua] {
	flex: 1;
	font-weight: 500;
}

/* chevron */
.sm-group-chevron[b-vgbvp8vpua] {
	margin-left: auto;
	color: var(--lap-text-muted);
	transition: transform var(--lap-motion-fast) ease;
}

	.sm-group-chevron.is-open[b-vgbvp8vpua] {
		transform: rotate(180deg);
	}

/* =========================================================
   5) Group body animation
   ========================================================= */
.sm-group-body[b-vgbvp8vpua] {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--lap-motion) ease;
	padding-left: calc(var(--lap-2) * 6); /* 42px */
	padding-right: var(--lap-6);
}

.sm-group-body-inner[b-vgbvp8vpua] {
	overflow: hidden;
}

.sm-group-body-pad[b-vgbvp8vpua] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2); /* 8px */
	padding-top: var(--lap-3); /* 12px */
	padding-bottom: var(--lap-3); /* 12px */
}

.sm-group-toggle:checked + .sm-group-header + .sm-group-body[b-vgbvp8vpua] {
	grid-template-rows: 1fr;
}

/* =========================================================
   6) Links (서브 메뉴)
   ========================================================= */
.sm-link[b-vgbvp8vpua] {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: calc(var(--lap-1) * 3);
	font-weight: var(--lap-fw-medium);
	height: calc(var(--lap-1) * 8 + 2px); /* 34px */
	border-radius: var(--lap-r-md);
	padding: var(--lap-2) var(--lap-3); /* 8px 12px */
	color: var(--lap-text-tertiary);
	text-decoration: none;
	transition: background-color var(--lap-motion-fast) ease, color var(--lap-motion-fast) ease, font-weight var(--lap-motion-fast) ease;
}

	.sm-link:hover[b-vgbvp8vpua] {
		background-color: var(--lap-gray-200);
		color: var(--lap-text-main);
	}

.sm-link > a[b-vgbvp8vpua],
.sm-link[b-vgbvp8vpua]  a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.sm-link > a[b-vgbvp8vpua]::before,
.sm-link[b-vgbvp8vpua]  a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.sm-link:has(a.active)[b-vgbvp8vpua] {
	background-color: var(--lap-color-primary-soft);
	color: var(--lap-primary-700);
	font-weight: var(--lap-fw-bold);
}

.sm-link:has(a.active):hover[b-vgbvp8vpua] {
	background-color: var(--lap-primary-100);
	color: var(--lap-primary-700);
}

.sm-link > a.active[b-vgbvp8vpua],
.sm-link[b-vgbvp8vpua]  a.active,
.sm-link > a.active .sm-link-text[b-vgbvp8vpua],
.sm-link[b-vgbvp8vpua]  a.active .sm-link-text {
	color: inherit;
	font-weight: var(--lap-fw-bold);
}

/* =========================================================
   7) Collapsed flyout (접힘 상태 팝업)
   ========================================================= */
.sm-flyout[b-vgbvp8vpua] {
	display: block;
	position: fixed;
	min-width: calc(var(--lap-1) * 44); /* 176px */
	max-width: calc(var(--lap-1) * 56); /* 224px */

	background-color: var(--lap-surface-0);
	border-radius: var(--lap-r-xl);
	border: 1px solid var(--lap-gray-200);
	box-shadow: var(--lap-shadow-4);
	z-index: 9999;
	padding: var(--lap-2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: opacity;
    transition: opacity 160ms ease-out,
        visibility 0s linear 160ms;
}

	.sm-flyout.is-open[b-vgbvp8vpua] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }

@media (prefers-reduced-motion: reduce) {
    .sm-flyout[b-vgbvp8vpua] {
        transition-duration: 1ms;
    }
}

.sm-flyout-header[b-vgbvp8vpua] {
	font-size: var(--lap-text-size2); /* 12px */
	font-weight: var(--lap-fw-medium);
	padding: var(--lap-2) var(--lap-3); /* 8px 12px */
	border-bottom: 1px solid var(--lap-gray-200);
	margin-bottom: var(--lap-1);
}

.sm-flyout-list[b-vgbvp8vpua] {
	padding: var(--lap-1);
	display: flex;
	flex-direction: column;
	gap: var(--lap-1); /* 4px */
}

/* flyout 내부 링크: 더 촘촘하게 */
.sm-flyout .sm-link[b-vgbvp8vpua] {
	min-height: calc(var(--lap-1) * 10); /* 40px */
	padding: var(--lap-2) var(--lap-3); /* 8px 12px */
	border-radius: var(--lap-r-md);
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
}

	.sm-flyout .sm-link:hover[b-vgbvp8vpua] {
		background-color: var(--lap-gray-200);
		color: var(--lap-text-primary);
	}

/* =========================================================
   8) Mobile (offcanvas)
   ========================================================= */
@media (max-width: 767.98px) {
	.sm-inner[b-vgbvp8vpua] {
		position: fixed;
		left: 0;
		top: 0;
		transform: translateX(-100%);
		z-index: 1001;
		width: var(--lap-sidebar-w-expanded);
		max-width: 88vw;
		height: 100dvh;
		padding-left: 0;
	}

	/* 모바일도 56px + padding 24 유지 */
	.sm-group-header[b-vgbvp8vpua] {
		min-height: calc(var(--lap-1) * 12); /* 48px */
		padding: var(--lap-4) var(--lap-6); /* 16 24 */
	}

	/* 모바일 서브메뉴 버튼 */
	.sm-link[b-vgbvp8vpua] {
		min-height: calc(var(--lap-1) * 8 + 2px); /* 34 */
		padding: var(--lap-2) var(--lap-3); /* 8 12 */
	}

	.sm-backdrop[b-vgbvp8vpua] {
		display: block;
		position: fixed;
		inset: 0;
		background: color-mix(in srgb, var(--lap-surface-2) 45%, transparent);
		opacity: 0;
		pointer-events: none;
		transition: opacity var(--lap-motion) ease-out;
		z-index: 1000;
	}

	.sm-nav-toggle:checked ~ .sm-inner[b-vgbvp8vpua] {
		transform: translateX(0);
	}

	.sm-nav-toggle:checked ~ .sm-backdrop[b-vgbvp8vpua] {
		opacity: 1;
		pointer-events: auto;
	}

	.sm-flyout[b-vgbvp8vpua] {
		display: none !important;
	}

	.sm-close-btn[b-vgbvp8vpua] {
		display: inline-flex;
	}

	.sm-compact-open[b-vgbvp8vpua] {
		display: none !important;
	}

	.sm-collapse-btn[b-vgbvp8vpua] {
		display: none !important;
	}
}

/* =========================================================
   9) Desktop (collapsed)
   ========================================================= */
@media (min-width: 768px) {

	.sm-menu[b-vgbvp8vpua] {
		position: relative;
		height: auto;
		z-index: 1;
	}

	.sm-inner[b-vgbvp8vpua] {
		position: sticky;
		top: 0;
		transform: none;
	}

	.sm-backdrop[b-vgbvp8vpua] {
		display: none;
	}

	.sm-collapse-btn[b-vgbvp8vpua] {
		display: inline-flex;
	}

	.sm-collapse-toggle:checked ~ .sm-inner[b-vgbvp8vpua] {
		width: var(--lap-sidebar-w-collapsed);
		padding: var(--lap-4) 0;
	}

		/* 접힘 상태: 텍스트/chevron 숨김 */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-group-title[b-vgbvp8vpua],
		.sm-collapse-toggle:checked ~ .sm-inner .sm-group-header .sm-group-chevron[b-vgbvp8vpua] {
			display: none;
		}

		/* =====================================================
	   ✅ 접힘 상태: Dashboard
	   - 보더는 "섹션 전체 폭"으로 유지(::before/::after)
	   - hover 배경은 "48x48 버튼(.sm-dashboard-link)"에 적용
	   ===================================================== */

		/* 보더 라인을 그릴 공간(보더와 버튼 사이 살짝 여백) */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard[b-vgbvp8vpua] {
			padding: var(--lap-1) 0; /* 8px */
			margin: 0 var(--lap-2) var(--lap-2);
		}

			/* 섹션 전체 폭 보더 */
			.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard[b-vgbvp8vpua]::before,
			.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard[b-vgbvp8vpua]::after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				height: 1px;
				background: var(--lap-gray-200);
			}

			.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard[b-vgbvp8vpua]::before {
				top: 0;
			}

			.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard[b-vgbvp8vpua]::after {
				bottom: 0;
			}

		/* 48x48 아이콘 버튼 */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-link[b-vgbvp8vpua] {
			display: flex;
			align-items: center;
			justify-content: center;
			width: calc(var(--lap-1) * 12); /* 48 */
			height: calc(var(--lap-1) * 12); /* 48 */
			min-height: 0;
			margin: 0 auto; /* 가운데 정렬 */
			padding: 0;
			border-radius: var(--lap-r-xl);
			background: transparent;
		}

			/* ✅ 접힘 상태 hover: 다른 메뉴와 동일하게 배경 */
			.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-link:hover[b-vgbvp8vpua] {
				background-color: var(--lap-gray-200);
				color: var(--lap-text-main);
			}

		/* 대시보드 내부 wrapper는 접힘 상태에서 레이아웃 방해하지 않게 정리 */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-border[b-vgbvp8vpua] {
			border: 0; /* 보더는 섹션이 담당 */
			padding: 0;
			margin: 0;
			width: auto;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-contents[b-vgbvp8vpua] {
			justify-content: center;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-icon[b-vgbvp8vpua] {
			width: auto;
		}

		/* 접힘 상태에서 텍스트 숨김(안전장치) */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-dashboard-title[b-vgbvp8vpua] {
			display: none;
		}

		/* =====================================================
	   접힘 상태: 그룹 아이콘 버튼(48x48) + 라운드
	   ===================================================== */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-group-header[b-vgbvp8vpua] {
			width: calc(var(--lap-1) * 12); /* 48 */
			height: calc(var(--lap-1) * 12); /* 48 */
			min-height: 0;
			margin: 0 auto var(--lap-2);
			padding: 0;
			justify-content: center;
			border-radius: var(--lap-r-xl);
			border-bottom: 0;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-group:last-child .sm-group-header[b-vgbvp8vpua] {
			margin-bottom: 0;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-group-icon[b-vgbvp8vpua] {
			width: auto;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-group-body[b-vgbvp8vpua] {
			display: none;
		}

		/* 접힘 상태: 로고/화살표 숨기고 lapIcon 표시 */
		.sm-collapse-toggle:checked ~ .sm-inner .sm-logo[b-vgbvp8vpua] {
			display: none;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-collapse-btn[b-vgbvp8vpua] {
			display: none;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-header[b-vgbvp8vpua] {
			padding-right: 0;
			padding-left: 0;
			justify-content: center;
		}

		.sm-collapse-toggle:checked ~ .sm-inner .sm-compact-open[b-vgbvp8vpua] {
			display: inline-flex;
		}
}

/* =========================================================
   10) Fade in
   ========================================================= */
@keyframes sm-fade-in-b-vgbvp8vpua {
	from {
		opacity: 0;
		transform: translateX(calc(var(--lap-1) * -1));
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.sm-fade-in[b-vgbvp8vpua] {
	opacity: 0;
	animation: sm-fade-in-b-vgbvp8vpua var(--lap-motion) ease-out var(--lap-motion-fast) forwards;
}

.sm-logout-button[b-vgbvp8vpua] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: inherit;
	font: inherit;
	text-align: left;
	border: 0;
	background: transparent;
	padding: 0;
}
/* /Components/Modals/Contents/CartUsageGuideContent.razor.rz.scp.css */
.cugm-scope[b-xd9090j8dq]  .cugm-panel {
  max-height: calc(100dvh - (var(--lap-6) * 2));
}

.cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-body {
  /* 화면 높이가 낮아지면 헤더는 유지하고 이용 방법 본문만 스크롤한다. */
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-sep-foot,
.cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-foot {
  display: none;
}

.cugm-guide[b-xd9090j8dq] {
  display: flex;
  flex-direction: column;
  width: min(953px, 100%);
  margin: 0 auto;
  gap: var(--lap-8);
  padding: var(--lap-1) 0;
}

.cugm-step[b-xd9090j8dq] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 180px;
}

.cugm-copy[b-xd9090j8dq] {
  justify-self: center;
  width: 363px;
  max-width: 100%;
}

.cugm-copy h3[b-xd9090j8dq],
.cugm-copy p[b-xd9090j8dq] {
  margin: 0;
}

.cugm-copy h3[b-xd9090j8dq] {
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
}

.cugm-copy p[b-xd9090j8dq] {
  margin-top: var(--lap-2);
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  line-height: var(--lap-lh-normal);
}

.cugm-shot[b-xd9090j8dq],
.cugm-shot-pair > div[b-xd9090j8dq] {
  position: relative;
  width: 210px;
  height: 180px;
  overflow: hidden;
  border: 1px solid var(--lap-gray-100);
  border-radius: var(--lap-r-xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-3);
}

.cugm-shot[b-xd9090j8dq] {
  justify-self: center;
}

.cugm-shot.is-add[b-xd9090j8dq] {
  width: 242px;
  height: 212px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.cugm-shot img[b-xd9090j8dq] {
  position: absolute;
  max-width: none;
}

.cugm-shot.is-add img[b-xd9090j8dq] {
  inset: 0;
  width: 100%;
  height: 100%;
}

.cugm-shot.is-match img[b-xd9090j8dq] {
  width: 500.82%;
  height: 328.66%;
  left: -306.73%;
  top: -128.28%;
}

.cugm-shot.is-recipient img[b-xd9090j8dq] {
  width: 421.22%;
  height: 276.42%;
  left: -194.14%;
  top: -160.4%;
}

.cugm-shot.is-shipping[b-xd9090j8dq] {
  width: 210px;
  height: 210px;
}

.cugm-shot.is-shipping img[b-xd9090j8dq] {
  width: 301.04%;
  height: 180.63%;
  left: -29.99%;
  top: -67.8%;
}

.cugm-shot-pair[b-xd9090j8dq] {
  display: flex;
  align-items: center;
  gap: var(--lap-5);
  justify-self: start;
}

.cugm-focus[b-xd9090j8dq] {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132px;
  height: 44px;
  border: 1px solid var(--lap-primary-400);
  color: var(--lap-white);
  font-size: var(--lap-text-size1);
  background: var(--lap-primary-500);
  box-shadow: inset 0 0 0 7px var(--lap-white);
}

.cugm-focus[b-xd9090j8dq]::after {
  content: "";
  position: absolute;
  right: 17px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  border: 3px solid var(--lap-danger-500);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
}

.cugm-focus.is-add-focus[b-xd9090j8dq] {
  top: 22px;
  left: 42px;
}

.cugm-focus.is-match-focus[b-xd9090j8dq] {
  top: 6px;
  left: 50px;
}

.cugm-shipping-focus[b-xd9090j8dq] {
  position: absolute;
  left: 38px;
  bottom: 0;
  width: 150px;
  height: 62px;
  border: 2px solid var(--lap-primary-400);
}

.cugm-confirm[b-xd9090j8dq] {
  width: 100%;
  min-height: 48px;
  border-radius: var(--lap-r-md);
  background: var(--lap-primary-500);
  color: var(--lap-white);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
}

@media (max-width: 767.98px) {
  .cugm-scope[b-xd9090j8dq]  .lm-host {
    align-items: flex-end;
    padding: 0;
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel {
    height: min(614px, 100dvh);
    max-height: 100dvh;
    padding: var(--lap-6);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 16px 16px 0 0;
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel::before {
    content: "";
    flex: 0 0 auto;
    align-self: center;
    width: 34px;
    height: 4px;
    margin-bottom: var(--lap-6);
    border-radius: var(--lap-r-max);
    background: var(--lap-gray-300);
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-head {
    min-height: 27px;
    padding-bottom: var(--lap-3);
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-title {
    color: var(--lap-text-primary);
    line-height: var(--lap-lh-normal);
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-close {
    display: none;
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-body {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-top: var(--lap-6);
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-sep-foot {
    display: none;
  }

  .cugm-scope[b-xd9090j8dq]  .cugm-panel .lm-foot {
    display: flex;
    flex: 0 0 auto;
    margin: 0 calc(var(--lap-6) * -1) calc(var(--lap-6) * -1);
    padding: 0;
  }

  .cugm-guide[b-xd9090j8dq] {
    width: min(342px, 100%);
    gap: var(--lap-6);
    padding: 0 0 var(--lap-6);
  }

  .cugm-step[b-xd9090j8dq] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--lap-6);
    min-height: 0;
  }

  .cugm-step.is-reverse .cugm-shot-pair[b-xd9090j8dq] {
    order: 2;
  }

  .cugm-copy[b-xd9090j8dq] {
    width: 100%;
  }

  .cugm-copy h3[b-xd9090j8dq] {
    font-weight: var(--lap-fw-medium);
  }

  .cugm-copy p[b-xd9090j8dq] {
    margin-top: var(--lap-3);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-medium);
  }

  .cugm-shot[b-xd9090j8dq],
  .cugm-shot-pair > div[b-xd9090j8dq] {
    width: 100%;
    height: auto;
    /* 데스크톱 210 × 180 프레임 비율을 유지해 내부 스크린샷이 늘어나지 않게 한다. */
    aspect-ratio: 7 / 6;
    border-radius: 0;
    box-shadow: none;
  }

  .cugm-shot.is-add[b-xd9090j8dq] {
    width: 100%;
    height: auto;
    aspect-ratio: 121 / 106;
  }

  .cugm-shot-pair[b-xd9090j8dq] {
    flex-direction: column;
    width: 100%;
    gap: var(--lap-3);
  }

  .cugm-shot.is-shipping[b-xd9090j8dq] {
    height: auto;
    aspect-ratio: 1;
  }

  .cugm-focus.is-match-focus[b-xd9090j8dq] {
    transform: scale(1.6);
    transform-origin: top left;
  }

  .cugm-shipping-focus[b-xd9090j8dq] {
    left: 37px;
    width: 202px;
    height: 83px;
  }

  .cugm-confirm[b-xd9090j8dq] {
    border-radius: var(--lap-r-md) var(--lap-r-md) 0 0;
  }
}
/* /Components/Modals/Contents/CartUsageNoticeContent.razor.rz.scp.css */
.cunc-list[b-rq3u91iy1x] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  margin: 0;
  padding-left: calc(var(--lap-1) * 5.25);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
  line-height: var(--lap-lh-normal);
}

.cunc-list li[b-rq3u91iy1x] {
  padding-left: var(--lap-1);
}

.cunc-list li[b-rq3u91iy1x]::marker {
  font-size: .7em;
}
/* /Components/Modals/Contents/LapOrderDetailView.razor.rz.scp.css */
.lodv-detail[b-xelt8b341s] {
	min-width: 0;
	padding-right: var(--lap-3);
}

.lodv-detail-title[b-xelt8b341s] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-3);
}

.lodv-order-identifiers[b-xelt8b341s] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--lap-2);
	min-width: 0;
}

.lodv-integrated-delivery-number[b-xelt8b341s] {
	display: inline-flex;
	align-items: center;
	min-height: var(--lap-7);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-max);
	background: var(--lap-color-primary);
	color: var(--lap-white);
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-semibold);
}

.lodv-flex-align-center[b-xelt8b341s] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lodv-product-scroll[b-xelt8b341s] {
	overflow-x: auto;
	overflow-y: visible;
	padding-right: var(--lap-2);
}

.lodv-product-sticky-head[b-xelt8b341s] {
	position: sticky;
	top: 0;
	z-index: 10;
	background: var(--lap-gray-100);
	font-weight: var(--lap-fw-semibold);
	text-align: center;
	height: var(--lap-12);
}

.lodv-product-cols[b-xelt8b341s] {
	display: grid;
	grid-template-columns: calc(var(--lap-1) * 50) minmax(calc(var(--lap-1) * 70), 2fr) minmax(calc(var(--lap-1) * 40), 1fr) minmax(calc(var(--lap-1) * 40), 1fr) minmax(calc(var(--lap-1) * 30), 1fr);
	align-items: center;
	min-width: calc(var(--lap-1) * 230);
}

.lodv-product-thumb[b-xelt8b341s] {
	width: calc(var(--lap-1) * 38);
	height: calc(var(--lap-1) * 38);
	/* 투명 합성 PNG 뒤로 회색이 비쳐 디자인 색이 탁해 보이지 않도록 한다. */
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-md);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.lodv-product-thumb img[b-xelt8b341s] {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.lodv-product-info[b-xelt8b341s] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-1);
	flex: 0 1 240px;
	max-width: 240px;
	min-width: 0;
	align-items: flex-start;
	text-align: left;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.lodv-product-return-status[b-xelt8b341s] {
	display: flex;
	align-items: center;
	margin-top: var(--lap-1);
}

.lodv-release-state[b-xelt8b341s] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-1);
	line-height: var(--lap-lh-normal);
	text-align: center;
}

.lodv-product-mobile-list[b-xelt8b341s] {
	display: none;
}

.lodv-release-state-mobile[b-xelt8b341s] {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--lap-1);
	text-align: right;
}

.lodv-info-panel[b-xelt8b341s],
.lodv-payment-panel[b-xelt8b341s] {
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-white);
	padding: var(--lap-6);
}

.lodv-info-panel-head[b-xelt8b341s] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--lap-4);
	margin-bottom: var(--lap-5);
}

.lodv-info-list[b-xelt8b341s] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	margin: 0;
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal);
}

.lodv-info-list div[b-xelt8b341s] {
	display: grid;
	grid-template-columns: calc(var(--lap-1) * 28) minmax(0, 1fr);
	gap: var(--lap-3);
	align-items: start;
}

.lodv-info-list .lodv-info-divider[b-xelt8b341s] {
	display: block;
	height: 1px;
	background: var(--lap-gray-200);
	margin: var(--lap-1) 0;
}

.lodv-info-list dt[b-xelt8b341s] {
	color: var(--lap-text-tertiary);
	white-space: nowrap;
}

.lodv-info-list dd[b-xelt8b341s] {
	margin: 0;
	color: var(--lap-text-main);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.lodv-payment-layout[b-xelt8b341s] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(calc(var(--lap-1) * 54), auto);
	gap: var(--lap-6);
	align-items: end;
}

.lodv-empty[b-xelt8b341s] {
	padding: var(--lap-5);
	text-align: center;
	color: var(--lap-text-tertiary);
}

@media (min-width: 992px) {
	.lodv-product-table-desktop[b-xelt8b341s] {
		display: block;
	}

	.lodv-product-mobile-list[b-xelt8b341s] {
		display: none;
	}

	.lodv-summary-section[b-xelt8b341s] {
		display: flex;
		margin-top: var(--lap-4);
	}

	.lodv-summary-section > .lodv-info-panel[b-xelt8b341s],
	.lodv-summary-section > .lodv-payment-panel[b-xelt8b341s] {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 991.98px) {
	.lodv-product-table-desktop[b-xelt8b341s] {
		display: none;
	}

	.lodv-product-mobile-list[b-xelt8b341s] {
		display: block;
	}

	.lodv-product-thumb[b-xelt8b341s] {
		width: calc(var(--lap-1) * 38);
		height: calc(var(--lap-1) * 38);
		min-width: calc(var(--lap-1) * 38);
		flex: 0 0 calc(var(--lap-1) * 38);
	}

	.lodv-product-thumb img[b-xelt8b341s] {
		width: 100%;
		height: 100%;
		/* 세로 비율이 긴 디자인 라벨도 모바일 썸네일 안에서 잘리지 않게 전체 이미지를 표시한다. */
		object-fit: contain;
	}

	.lodv-product-info[b-xelt8b341s] {
		margin: 0;
		width: fit-content;
		max-width: 100%;
		align-items: flex-start;
		text-align: left;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	.lodv-detail[b-xelt8b341s] {
		padding-right: var(--lap-2);
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.lodv-payment-layout[b-xelt8b341s] {
		grid-template-columns: 1fr;
	}

	.lodv-info-panel[b-xelt8b341s],
	.lodv-payment-panel[b-xelt8b341s] {
		padding: var(--lap-5);
	}

	.lodv-info-panel-head[b-xelt8b341s] {
		margin-bottom: var(--lap-4);
	}

	.lodv-info-list div[b-xelt8b341s] {
		grid-template-columns: calc(var(--lap-1) * 24) minmax(0, 1fr);
		gap: var(--lap-2);
	}

	.lodv-info-list dd[b-xelt8b341s] {
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 767.98px) {
	.lodv-payment-layout[b-xelt8b341s] {
		grid-template-columns: 1fr;
	}

	.lodv-info-panel[b-xelt8b341s],
	.lodv-payment-panel[b-xelt8b341s] {
		padding: var(--lap-5);
	}

	.lodv-info-panel-head[b-xelt8b341s] {
		margin-bottom: var(--lap-4);
	}

	.lodv-info-list div[b-xelt8b341s] {
		grid-template-columns: 1fr;
		gap: var(--lap-1);
	}

	.lodv-info-list dd[b-xelt8b341s] {
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
}

@media (min-width: 992px) and (max-width: 1229px) {
	.lodv-recipient-group[b-xelt8b341s] {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--lap-4);
	}

	.lodv-recipient-group > .lodv-detail-section[b-xelt8b341s] {
		margin-top: 0;
	}

	.lodv-detail-summary[b-xelt8b341s] {
		margin-top: var(--lap-6);
	}
}

@media (min-width: 1230px) {
	.lodv-detail-summary[b-xelt8b341s] {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--lap-4);
		margin-top: var(--lap-6);
		text-align: left;
	}

	.lodv-recipient-group[b-xelt8b341s] {
		display: contents;
	}

	.lodv-detail-summary > .lodv-detail-section[b-xelt8b341s],
	.lodv-recipient-group > .lodv-detail-section[b-xelt8b341s] {
		margin-top: 0;
	}

	.lodv-detail-summary .lodv-payment-layout[b-xelt8b341s] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Modals/Contents/OrderAgreementModalContent.razor.rz.scp.css */
.oamc-root[b-egem5925q4] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-7);
  color: var(--lap-text-primary);
}

.oamc-section[b-egem5925q4] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-6);
}

.oamc-section h3[b-egem5925q4] {
  margin: 0;
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
}

.oamc-section ul[b-egem5925q4] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  margin: 0;
  padding-left: var(--lap-6);
  list-style: disc;
  font-size: var(--lap-text-size2);
  line-height: var(--lap-lh-normal);
}

.oamc-section li[b-egem5925q4] {
  padding-left: var(--lap-1);
}

.oamc-section li[b-egem5925q4]::marker {
  font-size: 0.7em;
}

.oamc-section li span[b-egem5925q4] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size1);
}

.oamc-body[b-egem5925q4] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
}

.oamc-subtitle[b-egem5925q4] {
  font-size: var(--lap-text-size2);
  line-height: var(--lap-lh-normal);
}

@media (max-width: 767.98px) {
  .oamc-section[b-egem5925q4],
  .oamc-section li span[b-egem5925q4] {
    color: var(--lap-text-primary);
  }
}
/* /Components/Modals/Contents/OrderTest.razor.rz.scp.css */
.oamc-root[b-z8fntig7mj] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-4);
}

.oamc-box[b-z8fntig7mj] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	padding: var(--lap-4);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-white);
}

.oamc-list[b-z8fntig7mj] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	padding-left: var(--lap-4);
	list-style: disc;
}

.oamc-note[b-z8fntig7mj] {
	color: var(--lap-text-muted);
}
/* /Components/Modals/Contents/SimpleInfoModalContent.razor.rz.scp.css */
.simc-root[b-wwhm3qmssp] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
}

.simc-sub[b-wwhm3qmssp] {
	color: var(--lap-text-muted);
}
/* /Components/Modals/Footers/ModalFooterActionsRight.razor.rz.scp.css */
/* ModalFooterActionsRight.razor.css */

.mfar-root[b-epvv2h0uxc] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2);
}

/* ✅ FIX: 모바일에서도 '세로(column)'로 바꾸지 않는다.
   - 버튼은 MobileFullWidth=true로 100% 폭 의도가 있으므로
   - 가로 레이아웃을 유지하면서 각 버튼이 반반 차지하도록 만든다.
*/
@media (max-width: 767.98px) {
	.mfar-root[b-epvv2h0uxc] {
		/* flex-direction: column;  ❌ 제거 */
		width: 100%;
	}

		/* ✅ 모바일: 두 버튼을 한 줄에 반반 */
		.mfar-root > .lb-root[b-epvv2h0uxc] {
			flex: 1 1 0;
			min-width: 0;
		}
}
/* /Components/Modals/Footers/ModalFooterActionsSplit.razor.rz.scp.css */
/* ModalFooterActionsSplit.razor.css */

/* ✅ FIX 핵심
   - .mfas-root가 "내용만큼만" 폭을 가지면 space-between이 의미가 없음
   - 따라서 width:100%로 컨테이너 폭을 강제로 확보
   - 오른쪽 그룹은 margin-left:auto로 확실히 오른쪽 끝으로 밀어준다
*/
.mfas-root[b-77apeuhpdq] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-2);
	width: 100%; /* ✅ FIX: 벌어질 공간 확보 */
	min-width: 0; /* ✅ FIX: 내부가 길 때 깨짐 방지 */
}

.mfas-left[b-77apeuhpdq],
.mfas-right[b-77apeuhpdq] {
	display: flex;
	gap: var(--lap-2);
	align-items: center;
	min-width: 0; /* ✅ FIX: 버튼 텍스트 길어도 overflow로 레이아웃 망가지는 것 방지 */
}

.mfas-right[b-77apeuhpdq] {
	margin-left: auto; /* ✅ FIX: 오른쪽 버튼 묶음을 끝까지 밀어줌 */
}

/* ✅ 모바일 정책
   - 기존처럼 세로 스택을 유지(원하면 여기 정책도 바꿀 수 있음)
*/
@media (max-width: 767.98px) {
	.mfas-root[b-77apeuhpdq] {
		flex-direction: column;
		align-items: stretch;
	}

	.mfas-left[b-77apeuhpdq],
	.mfas-right[b-77apeuhpdq] {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

		/* ✅ 모바일: 버튼 루트가 lb-root라면 100%가 더 안정적으로 먹음(선택)
	   - LapButton MobileFullWidth=true가 내부적으로 width:100%를 주더라도
	   - 컨테이너 구조에 따라 한 번 더 보강하면 안정적
	*/
		.mfas-left > .lb-root[b-77apeuhpdq],
		.mfas-right > .lb-root[b-77apeuhpdq] {
			width: 100%;
		}
}
/* /Components/Modals/Footers/ModalFooterAlertBigCentered.razor.rz.scp.css */
/* ModalFooterActionsBigCenter.razor.css */

.mfab-root[b-6it0tpvvbe] {
	display: flex;
	justify-content: center;
	gap: var(--lap-2);
	/* ✅ 보강: 부모 폭 확보(특히 푸터 래퍼가 block/auto일 때 안정) */
	width: 100%;
	min-width: 0;
}

/* ✅ FIX
   - 버튼이 1개인데 모바일에서 column으로 바꿀 이유가 없음
   - column 전환이 오히려 "두 줄처럼 보이는" 레이아웃 이슈를 유발할 수 있음
   - MobileFullWidth=true는 버튼 자체가 모바일 100%를 처리하므로
     래퍼는 레이아웃을 건드리지 않는다.
*/
@media (max-width: 767.98px) {
	.mfab-root[b-6it0tpvvbe] {
		/* flex-direction: column; ❌ 제거 */
		/* align-items: stretch;  ❌ 제거 */

		justify-content: center; /* 모바일에서도 기본값 유지 */
	}
}
/* /Components/Modals/Footers/ModalFooterDangerConfirm.razor.rz.scp.css */
/* ModalFooterDangerConfirm.razor.css */

.mfdc-root[b-68gxjhxfet] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2);
	width: 100%; /* ✅ 보강: space 확보 */
	min-width: 0; /* ✅ 보강 */
}

/* LapButton 내부 스타일 오버라이드는 ::deep로 접근 */
.mfdc-danger[b-68gxjhxfet] (.lb-root) {
	background: var(--lap-danger-500);
	border-color: var(--lap-danger-500);
	color: var(--lap-text-white);
}

.mfdc-danger[b-68gxjhxfet] (.lb-root:hover) {
	background: var(--lap-danger-600);
	border-color: var(--lap-danger-600);
}

/* ✅ FIX: 모바일에서 column으로 바꾸지 말고,
   버튼 2개를 한 줄에 반반으로 유지한다.
   (MobileFullWidth=true는 모바일 폭 100% 정책이므로,
    래퍼가 가로를 유지하면 각 버튼은 flex로 반반이 된다.)
*/
@media (max-width: 767.98px) {
	.mfdc-root[b-68gxjhxfet] {
		/* flex-direction: column; ❌ 제거 */
		justify-content: stretch;
	}

		.mfdc-root > .lb-root[b-68gxjhxfet] {
			flex: 1 1 0;
			min-width: 0;
		}
}
/* /Components/Modals/Footers/ModalFooterSingle.razor.rz.scp.css */
/* ModalFooterSingle.razor.css */

.mfs-root[b-9y3femxjts] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2);
	width: 100%; /* ✅ 폭 확보 */
	min-width: 0;
}

/* ✅ 모바일에서는 버튼을 가득 차게 */
@media (max-width: 767.98px) {

	.mfs-root[b-9y3femxjts] {
		/* flex-direction: column; ❌ 제거 */
		justify-content: stretch; /* 가로 채우기 */
	}

		/* LapButton 루트가 .lb-root 기준 */
		.mfs-root > .lb-root[b-9y3femxjts] {
			width: 100%;
			flex: 1 1 100%;
		}
}
/* /Components/Modals/Packages/CartAddConfirmationModal.razor.rz.scp.css */
.cacm-content[b-4oxpdm0x5d]{display:flex;flex-direction:column;gap:var(--lap-5)}
.cacm-success[b-4oxpdm0x5d]{display:flex;align-items:flex-start;gap:var(--lap-3)}
.cacm-success>.lap-icon[b-4oxpdm0x5d]{flex:0 0 var(--lap-6);padding:var(--lap-1);border-radius:50%;background:var(--lap-success-50);color:var(--lap-success-500)}
.cacm-success .lm-body-title[b-4oxpdm0x5d]{margin:0}
.cacm-help[b-4oxpdm0x5d]{margin:var(--lap-1) 0 0;color:var(--lap-text-secondary);font-size:var(--lap-text-size2)}
.cacm-product[b-4oxpdm0x5d]{display:flex;align-items:center;gap:var(--lap-3);padding:var(--lap-3);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-sm);background:var(--lap-gray-100)}
.cacm-image[b-4oxpdm0x5d]{width:calc(var(--lap-1) * 14);height:calc(var(--lap-1) * 14);flex:0 0 calc(var(--lap-1) * 14);border-radius:var(--lap-r-sm);object-fit:contain;background:var(--lap-white)}
.cacm-product-copy[b-4oxpdm0x5d]{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--lap-1)}
.cacm-product-copy>strong[b-4oxpdm0x5d]{color:var(--lap-color-primary);font-size:var(--lap-text-size2)}
.cacm-product-copy small[b-4oxpdm0x5d]{color:var(--lap-text-secondary);font-size:var(--lap-text-size1)}
.cacm-availability[b-4oxpdm0x5d]{display:flex;align-items:center;gap:var(--lap-2);min-width:0}
.cacm-availability small[b-4oxpdm0x5d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cacm-price[b-4oxpdm0x5d]{display:flex;align-items:baseline;gap:var(--lap-2);margin-top:var(--lap-1)}
.cacm-price strong[b-4oxpdm0x5d]{color:var(--lap-color-primary);font-size:var(--lap-text-size4);font-weight:var(--lap-fw-bold)}
.cacm-footer[b-4oxpdm0x5d]{display:flex;width:100%;gap:var(--lap-3)}
@media(max-width:575.98px){.cacm-footer[b-4oxpdm0x5d]{gap:var(--lap-2)}.cacm-image[b-4oxpdm0x5d]{width:var(--lap-12);height:var(--lap-12);flex-basis:var(--lap-12)}}
/* /Components/Modals/Packages/CartDeliveryGroupCompletionModal.razor.rz.scp.css */
.cdgc-content[b-v78s8tvgtw] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  color: var(--lap-text-main);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
}

.cdgc-content p[b-v78s8tvgtw] {
  margin: 0;
  white-space: pre-line;
}

.cdgc-error[b-v78s8tvgtw] {
  color: var(--lap-danger-500);
  font-size: var(--lap-text-size2);
}

.cdgc-warning[b-v78s8tvgtw] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  padding: var(--lap-3);
  border-radius: var(--lap-r-sm);
  background: var(--lap-warning-50);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
}

.cdgc-footer[b-v78s8tvgtw] {
  display: flex;
  width: 100%;
  gap: var(--lap-3);
}

@media (max-width: 575.98px) {
  .cdgc-footer[b-v78s8tvgtw] { gap: var(--lap-2); }
}
/* /Components/Modals/Packages/CartDeliveryGroupDeleteModal.razor.rz.scp.css */
.cdgd-content[b-s82x11mml6] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  color: var(--lap-text-main);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
}

.cdgd-content p[b-s82x11mml6] {
  margin: 0;
}

.cdgd-note[b-s82x11mml6] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
}

.cdgd-error[b-s82x11mml6] {
  color: var(--lap-danger-500);
  font-size: var(--lap-text-size2);
}

.cdgd-footer[b-s82x11mml6] {
  display: flex;
  width: 100%;
  gap: var(--lap-3);
}

@media (max-width: 575.98px) {
  .cdgd-footer[b-s82x11mml6] { gap: var(--lap-2); }
}
/* /Components/Modals/Packages/CartDeliveryModals.razor.rz.scp.css */
.cdm-section-head[b-gftugytkak],.cdm-footer[b-gftugytkak],.cdm-favorite-row[b-gftugytkak],.cdm-table-row[b-gftugytkak]{display:flex;align-items:center}.cdm-section-head[b-gftugytkak]{justify-content:space-between;margin-bottom:var(--lap-4)}
.cdm-tabs[b-gftugytkak]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--lap-4)}.cdm-tabs button[b-gftugytkak]{height:48px;border-bottom:1px solid var(--lap-gray-300);color:var(--lap-text-muted);font-size:14px;white-space:nowrap}.cdm-tabs button.is-active[b-gftugytkak]{border-bottom:2px solid var(--lap-text-main);color:var(--lap-text-main);font-weight:var(--lap-fw-medium)}
.cdm-search[b-gftugytkak]{position:relative;display:flex;align-items:center;margin-bottom:var(--lap-3);border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm)}.cdm-search:focus-within[b-gftugytkak]{border-color:var(--lap-color-primary)}.cdm-search input[b-gftugytkak]{width:100%;height:44px;padding:0 calc(var(--lap-1) * 11) 0 var(--lap-3);border:0;background:transparent;color:var(--lap-text-main);outline:0}.cdm-search input[b-gftugytkak]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.cdm-search-reset[b-gftugytkak]{position:absolute;right:var(--lap-3);display:inline-flex;align-items:center;justify-content:center;width:var(--lap-5);height:var(--lap-5);padding:0;border:0;border-radius:var(--lap-r-max);background:var(--lap-gray-300);color:var(--lap-white);cursor:pointer}.cdm-search-reset:hover[b-gftugytkak]{background:var(--lap-gray-400)}.cdm-search-reset:focus-visible[b-gftugytkak]{outline:2px solid var(--lap-primary-400);outline-offset:1px}.cdm-search-clear-icon[b-gftugytkak]{position:relative;display:inline-block;width:8px;height:8px}.cdm-search-clear-icon[b-gftugytkak]::before,.cdm-search-clear-icon[b-gftugytkak]::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;border-radius:var(--lap-r-max);background:currentColor;transform-origin:center}.cdm-search-clear-icon[b-gftugytkak]::before{transform:translate(-50%,-50%) rotate(45deg)}.cdm-search-clear-icon[b-gftugytkak]::after{transform:translate(-50%,-50%) rotate(-45deg)}
.cdm-card-list[b-gftugytkak]{height:min(562px,55vh);padding:12px;border:1px solid var(--lap-gray-200);border-radius:8px;overflow:auto}.cdm-address-card[b-gftugytkak]{position:relative;width:100%;min-height:56px;margin-bottom:8px;border:1px solid var(--lap-gray-200);border-radius:4px;color:var(--lap-text-main);background:var(--lap-white);transition:border-color var(--lap-motion-fast) ease,background-color var(--lap-motion-fast) ease}.cdm-address-card:hover[b-gftugytkak]{border-color:var(--lap-primary-300);background:var(--lap-gray-100)}.cdm-address-card.is-selected[b-gftugytkak]{border-color:var(--lap-text-main)}.cdm-address-card:last-child[b-gftugytkak]{margin-bottom:0}.cdm-address-select[b-gftugytkak]{display:grid;grid-template-columns:24px minmax(100px,auto) 1fr;gap:12px;align-items:center;width:100%;min-height:54px;padding:12px 48px 12px 12px;border:0;text-align:left;color:inherit;background:transparent}.cdm-address[b-gftugytkak]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdm-recipient[b-gftugytkak]{white-space:nowrap}.cdm-recent-favorite[b-gftugytkak]{position:absolute;top:15px;right:12px}
.cdm-star[b-gftugytkak]{position:relative;display:inline-flex;width:24px;height:24px;flex:0 0 24px}.cdm-star img[b-gftugytkak]{position:absolute;inset:0;width:24px;height:24px}.cdm-radio[b-gftugytkak]{display:inline-block;width:16px;height:16px;margin:4px;border:1px solid var(--lap-gray-400);border-radius:50%}.cdm-radio.is-selected[b-gftugytkak]{border:5px solid var(--lap-primary-500)}.cdm-footer[b-gftugytkak]{width:100%;gap:24px}.cdm-close-footer[b-gftugytkak]{display:flex;justify-content:center;width:100%}.cdm-error[b-gftugytkak]{margin-top:12px;color:var(--lap-danger-500);font-size:13px}.cdm-empty[b-gftugytkak]{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--lap-text-muted)}.cdm-empty.compact[b-gftugytkak]{min-height:60px}
.cdm-favorite-summary[b-gftugytkak]{margin-bottom:40px}.cdm-favorite-summary h3[b-gftugytkak],.cdm-manage-head[b-gftugytkak]{margin-top:0;margin-bottom:12px}.cdm-favorite-summary h3[b-gftugytkak]{font-size:var(--lap-text-size3);font-weight:var(--lap-fw-bold)}.cdm-favorite-list[b-gftugytkak]{display:flex;flex-direction:column;gap:var(--lap-2)}.cdm-favorite-row[b-gftugytkak]{gap:24px;min-height:78px;padding:12px;background:var(--lap-information-50);border:1px solid var(--lap-gray-200);border-radius:4px}.cdm-favorite-row strong[b-gftugytkak]{min-width:72px}.cdm-favorite-row>span:last-child[b-gftugytkak]{flex:1;color:var(--lap-text-secondary)}
.cdm-address-table[b-gftugytkak]{--cdm-address-columns:minmax(calc(var(--lap-1) * 18),.72fr) minmax(calc(var(--lap-1) * 20),.82fr) minmax(calc(var(--lap-1) * 16),.64fr) minmax(calc(var(--lap-1) * 24),1.45fr) var(--lap-12) var(--lap-12) var(--lap-12);max-height:380px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-lg);background:var(--lap-white)}.cdm-table-row[b-gftugytkak]{display:grid;grid-template-columns:var(--cdm-address-columns);min-width:0;min-height:var(--lap-12);border-bottom:1px solid var(--lap-gray-200);color:var(--lap-text-tertiary)}.cdm-table-row:not(.is-head):hover[b-gftugytkak]{background:var(--lap-gray-100)}.cdm-table-row.is-head[b-gftugytkak]{min-height:var(--lap-12);background:var(--lap-gray-200);color:var(--lap-text-main);font-weight:var(--lap-fw-semibold);text-align:center}.cdm-table-row>*[b-gftugytkak]{box-sizing:border-box;padding:var(--lap-3) var(--lap-4);min-width:0}.cdm-table-row:not(.is-head)>span[b-gftugytkak]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdm-table-row.is-head>span[b-gftugytkak]{overflow:visible;white-space:nowrap}.cdm-icon-button[b-gftugytkak]{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--lap-icon-tertiary);cursor:pointer}.cdm-icon-button:hover[b-gftugytkak]{color:var(--lap-color-primary)}.cdm-icon-button:focus-visible[b-gftugytkak]{outline:2px solid var(--lap-primary-400);outline-offset:-2px}.cdm-table-action[b-gftugytkak]{padding:var(--lap-2)}.cdm-table-action .lap-icon[b-gftugytkak]{flex:0 0 var(--lap-5)}.cdm-table-action.is-delete:hover[b-gftugytkak]{color:var(--lap-danger-500)}.cdm-table-favorite[b-gftugytkak],.cdm-table-favorite img[b-gftugytkak]{width:var(--lap-5);height:var(--lap-5)}
.cdm-form[b-gftugytkak]{display:flex;flex-direction:column;gap:16px}.cdm-address-label[b-gftugytkak]{font-size:14px;font-weight:var(--lap-fw-bold);margin-bottom:-8px}
.cdm-field-error[b-gftugytkak]{margin-top:-12px;color:var(--lap-danger-500);font-size:var(--lap-text-size1);line-height:var(--lap-lh-normal)}
.cdm-address-detail[b-gftugytkak]{position:absolute;top:15px;right:12px;color:var(--lap-text-disabled);border:0;background:transparent;cursor:pointer}.cdm-address-detail:hover[b-gftugytkak]{color:var(--lap-color-primary)}.cdm-address-detail:focus-visible[b-gftugytkak]{outline:2px solid var(--lap-primary-400);outline-offset:2px;border-radius:var(--lap-r-sm)}.cdm-address-detail-list[b-gftugytkak]{display:flex;flex-direction:column;gap:var(--lap-3);margin:0}.cdm-address-detail-list>div[b-gftugytkak]{display:grid;grid-template-columns:calc(var(--lap-1) * 20) 1fr;gap:var(--lap-3)}.cdm-address-detail-list dt[b-gftugytkak]{color:var(--lap-text-secondary)}.cdm-address-detail-list dd[b-gftugytkak]{margin:0;word-break:break-word}.cdm-match-help[b-gftugytkak]{margin-top:0;color:var(--lap-text-secondary)}.cdm-group-product-list[b-gftugytkak]{max-height:min(380px,48vh);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-sm);overflow:auto}.cdm-group-product[b-gftugytkak]{display:grid;grid-template-columns:var(--lap-5) minmax(0,1.5fr) minmax(calc(var(--lap-1) * 12),.6fr) minmax(calc(var(--lap-1) * 8),.4fr) minmax(calc(var(--lap-1) * 14),.8fr);gap:var(--lap-2);align-items:center;min-height:56px;padding:var(--lap-3);border-bottom:1px solid var(--lap-gray-200)}.cdm-group-product:not(.is-disabled):not(.cdm-group-product-head):hover[b-gftugytkak]{background:var(--lap-gray-100)}.cdm-group-product>span:nth-child(2)[b-gftugytkak]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdm-group-product-head[b-gftugytkak]{min-height:44px;background:var(--lap-gray-100);color:var(--lap-text-secondary)}.cdm-group-product:last-child[b-gftugytkak]{border-bottom:0}.cdm-group-product.is-disabled[b-gftugytkak]{color:var(--lap-text-disabled);background:var(--lap-gray-100)}.cdm-group-product-code[b-gftugytkak]{display:flex;min-width:0}.cdm-group-product-button[b-gftugytkak]{max-width:100%;padding:0;overflow:hidden;border:0;background:transparent;color:var(--lap-color-primary);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cdm-group-product.is-disabled .cdm-group-product-button[b-gftugytkak]{color:var(--lap-text-disabled)}.cdm-group-product-tooltip-image-wrap[b-gftugytkak]{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--lap-r-lg);background:var(--lap-white)}.cdm-group-product-tooltip-image[b-gftugytkak]{display:block;width:100%;height:100%;object-fit:contain}
.cdm-manage-mobile-list[b-gftugytkak]{display:none}
@media(max-width:767.98px){
  /* 선택상품 매칭은 헤더·탭·검색·목록·푸터가 한 화면 안에서 순서대로 유지된다. */
  [b-gftugytkak] .cdm-match-modal .lm-body{display:flex;flex-direction:column;min-height:0}
  .cdm-section-head[b-gftugytkak]{gap:var(--lap-2);flex-wrap:wrap;margin-bottom:var(--lap-3)}
  .cdm-section-head>strong[b-gftugytkak]{font-size:var(--lap-text-size3)}
  .cdm-tabs[b-gftugytkak]{margin-bottom:var(--lap-3)}
  .cdm-tabs button[b-gftugytkak]{height:44px;padding:0 var(--lap-1);font-size:var(--lap-text-size2);overflow:hidden;text-overflow:ellipsis}
  .cdm-search[b-gftugytkak]{margin-bottom:var(--lap-2)}
  .cdm-card-list[b-gftugytkak]{height:auto;min-height:calc(var(--lap-1) * 40);max-height:46vh;padding:var(--lap-2);border-radius:var(--lap-r-md)}
  .cdm-address-card[b-gftugytkak]{min-height:calc(var(--lap-1) * 18);margin-bottom:var(--lap-2);border-radius:var(--lap-r-sm)}
  .cdm-address-select[b-gftugytkak]{grid-template-columns:var(--lap-6) minmax(0,1fr);gap:var(--lap-2);min-height:calc(var(--lap-1) * 18);padding:var(--lap-3) calc(var(--lap-1) * 12) var(--lap-3) var(--lap-3)}
  .cdm-address-select .cdm-address[b-gftugytkak]{grid-column:2;overflow:visible;text-overflow:clip;white-space:normal;line-height:var(--lap-lh-normal)}
  .cdm-recipient[b-gftugytkak]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cdm-address-detail[b-gftugytkak]{top:var(--lap-3);right:var(--lap-2);width:var(--lap-8);height:var(--lap-8)}
  .cdm-footer[b-gftugytkak]{gap:var(--lap-2)}
  .cdm-favorite-summary[b-gftugytkak]{margin-bottom:var(--lap-6)}
  .cdm-favorite-row[b-gftugytkak]{align-items:flex-start;gap:var(--lap-3);min-height:0;padding:var(--lap-3)}
  .cdm-favorite-row strong[b-gftugytkak]{min-width:0}
  .cdm-favorite-row>span:last-child[b-gftugytkak]{font-size:var(--lap-text-size2);line-height:var(--lap-lh-normal)}
  /* 좁은 폭에서 7열 표를 유지하지 않고 배송지별 카드로 바꿔 정보·액션을 보존한다. */
  .cdm-address-table[b-gftugytkak]{display:none}
  .cdm-manage-mobile-list[b-gftugytkak]{display:flex;flex-direction:column;gap:var(--lap-2);max-height:48vh;overflow:auto;padding-right:var(--lap-1)}
  .cdm-manage-mobile-card[b-gftugytkak]{border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-md);background:var(--lap-white);overflow:hidden}
  .cdm-manage-mobile-card:has(.cdm-manage-mobile-action:hover)[b-gftugytkak]{border-color:var(--lap-primary-300)}
  .cdm-manage-mobile-card-head[b-gftugytkak]{display:grid;grid-template-columns:var(--lap-8) minmax(0,1fr) var(--lap-8);align-items:center;gap:var(--lap-2);padding:var(--lap-3) var(--lap-3) var(--lap-2)}
  .cdm-manage-mobile-favorite[b-gftugytkak],.cdm-manage-mobile-detail[b-gftugytkak]{width:var(--lap-8);height:var(--lap-8);padding:0}
  .cdm-manage-mobile-title[b-gftugytkak]{display:flex;flex-direction:column;gap:var(--lap-1);min-width:0}
  .cdm-manage-mobile-title strong[b-gftugytkak]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lap-text-main)}
  .cdm-manage-mobile-title span[b-gftugytkak]{font-size:var(--lap-text-size2);color:var(--lap-text-secondary)}
  .cdm-manage-mobile-address[b-gftugytkak]{margin:0;padding:0 var(--lap-3) var(--lap-3);font-size:var(--lap-text-size2);line-height:var(--lap-lh-normal);color:var(--lap-text-secondary);word-break:break-word}
  .cdm-manage-mobile-actions[b-gftugytkak]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--lap-gray-200)}
  .cdm-manage-mobile-action[b-gftugytkak]{display:inline-flex;align-items:center;justify-content:center;gap:var(--lap-2);min-height:var(--lap-10);border:0;background:var(--lap-white);color:var(--lap-text-secondary);font-size:var(--lap-text-size2);cursor:pointer}
  .cdm-manage-mobile-action+ .cdm-manage-mobile-action[b-gftugytkak]{border-left:1px solid var(--lap-gray-200)}
  .cdm-manage-mobile-action:hover[b-gftugytkak]{background:var(--lap-gray-100);color:var(--lap-color-primary)}
  .cdm-manage-mobile-action.is-delete:hover[b-gftugytkak]{color:var(--lap-danger-500)}
  .cdm-group-product-list[b-gftugytkak]{max-height:44vh}
}
/* /Components/Modals/Packages/CartOrderAgreementModal.razor.rz.scp.css */
.coam-scope[b-ts8w69sr2v]  .coam-panel {
  max-width: calc(var(--lap-1) * 143);
  max-height: calc(100dvh - (var(--lap-6) * 2));
}

.coam-scope[b-ts8w69sr2v]  .coam-panel .lm-body {
  overscroll-behavior: contain;
}

@media (max-width: 767.98px) {
  .coam-scope[b-ts8w69sr2v]  .lm-host {
    padding: var(--lap-3);
  }

  .coam-scope[b-ts8w69sr2v]  .coam-panel {
    width: min(calc(var(--lap-1) * 143), 100%);
    height: auto;
    max-height: calc(100dvh - (var(--lap-3) * 2));
    padding: var(--lap-5);
  }

  .coam-scope[b-ts8w69sr2v]  .coam-panel .lm-body {
    overflow-y: auto;
  }
}
/* /Components/Modals/Packages/CartProductDetailModal.razor.rz.scp.css */
.cpdm-scope[b-gpl7283bx1]  .cpdm-panel {
  max-height: min(calc(var(--lap-1) * 190), calc(100dvh - (var(--lap-6) * 2)));
}

.cpdm-scope[b-gpl7283bx1]  .cpdm-panel .lm-body {
  overflow-x: hidden;
  overflow-y: auto;
}

.cpdm-content[b-gpl7283bx1] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-5);
}

.cpdm-section[b-gpl7283bx1] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
}

.cpdm-section h3[b-gpl7283bx1] {
  margin: 0;
  color: var(--lap-text-main);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
}

.cpdm-visual[b-gpl7283bx1] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--lap-1) * 55);
  margin: 0;
  padding: var(--lap-5);
  overflow: hidden;
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-lg);
  background: var(--lap-gray-50);
}

.cpdm-visual img[b-gpl7283bx1] {
  display: block;
  width: min(calc(var(--lap-1) * 56), 80%);
  max-height: calc(var(--lap-1) * 56);
  object-fit: contain;
}

.cpdm-specs[b-gpl7283bx1] {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
}

.cpdm-specs > div[b-gpl7283bx1] {
  display: grid;
  grid-template-columns: calc(var(--lap-1) * 24) minmax(0, 1fr);
  gap: var(--lap-3);
  min-height: var(--lap-11);
  align-items: center;
  padding: var(--lap-2) var(--lap-3);
  border-bottom: 1px solid var(--lap-gray-200);
}

.cpdm-specs > div:last-child[b-gpl7283bx1] {
  border-bottom: 0;
}

.cpdm-specs dt[b-gpl7283bx1],
.cpdm-specs dd[b-gpl7283bx1] {
  margin: 0;
  font-size: var(--lap-text-size1);
  line-height: var(--lap-lh-normal);
}

.cpdm-specs dt[b-gpl7283bx1] {
  color: var(--lap-text-main);
  font-weight: var(--lap-fw-bold);
}

.cpdm-specs dd[b-gpl7283bx1] {
  min-width: 0;
  color: var(--lap-text-tertiary);
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  .cpdm-scope[b-gpl7283bx1]  .lm-host {
    padding: var(--lap-3);
  }

  .cpdm-scope[b-gpl7283bx1]  .cpdm-panel {
    max-height: calc(100dvh - (var(--lap-3) * 2));
    padding: var(--lap-5);
    border-radius: var(--lap-r-xl);
  }

  .cpdm-visual[b-gpl7283bx1] {
    min-height: clamp(calc(var(--lap-1) * 40), 30dvh, calc(var(--lap-1) * 55));
  }

  .cpdm-visual img[b-gpl7283bx1] {
    width: min(calc(var(--lap-1) * 48), 76%);
    max-height: clamp(calc(var(--lap-1) * 40), 29dvh, calc(var(--lap-1) * 52));
  }
}
/* /Components/Modals/Packages/FavoriteAddConfirmationModal.razor.rz.scp.css */
.facm-content[b-nduyur26nu]{display:flex;align-items:flex-start;gap:var(--lap-3)}
.facm-content>.lap-icon[b-nduyur26nu]{flex:0 0 var(--lap-6);padding:var(--lap-1);border-radius:50%;background:var(--lap-primary-50);color:var(--lap-color-primary)}
.facm-content p[b-nduyur26nu]{margin:var(--lap-1) 0 0;color:var(--lap-text-secondary);font-size:var(--lap-text-size2);line-height:var(--lap-lh-normal)}
.facm-content .lm-body-title[b-nduyur26nu]{margin:0;color:var(--lap-text-main)}
.facm-footer[b-nduyur26nu]{display:flex;width:100%;gap:var(--lap-3)}
@media(max-width:575.98px){.facm-footer[b-nduyur26nu]{gap:var(--lap-2)}}
/* /Components/Modals/Packages/LapGuideModal.razor.rz.scp.css */
.lgm-scope[b-makk74sy3z]  .lgm-panel {
  max-width: calc(var(--lap-1) * 112);
}

.lgm-content[b-makk74sy3z] {
  display: grid;
  gap: var(--lap-4);
  color: var(--lap-text-main);
  line-height: 1.6;
}

.lgm-content p[b-makk74sy3z] { margin: 0; }
.lgm-example[b-makk74sy3z] { color: var(--lap-text-secondary); }

.lgm-list[b-makk74sy3z] {
  display: grid;
  gap: var(--lap-3);
  margin: 0;
  padding-left: var(--lap-5);
  color: var(--lap-text-main);
  line-height: 1.6;
}

.lgm-list li[b-makk74sy3z]::marker { color: var(--lap-color-primary); }

.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-shipping {
  max-width: calc(var(--lap-1) * 143);
}

.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage-notice,
.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage {
  max-height: calc(100dvh - (var(--lap-6) * 2));
}

.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage-notice {
  max-width: calc(var(--lap-1) * 80);
}

/* 장바구니 이용 방법은 기존 전용 모달과 같은 XL(1280px) 폭을 유지한다. */
.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage {
  max-width: calc(var(--lap-1) * 320);
}

.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage .lm-body,
.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-usage-notice .lm-body,
.lgm-scope[b-makk74sy3z]  .lgm-panel.is-cart-shipping .lm-body {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.lgm-cart-usage-confirm[b-makk74sy3z] {
  width: 100%;
  min-height: 48px;
  border-radius: var(--lap-r-md);
  border: 0;
  background: var(--lap-primary-500);
  color: var(--lap-white);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
  cursor: pointer;
}

.lgm-mobile-cart-sheet[b-makk74sy3z] { display: none; }

@media (max-width: 767.98px) {
  .lgm-scope[b-makk74sy3z]  .lm-host { padding: var(--lap-3); }

  /* 모바일 장바구니 이용 방법은 중앙형 LapModal 대신 주문서 작성과 같은 독립 바텀시트를 사용한다. */
  .lgm-scope.is-cart-usage-guide[b-makk74sy3z]  .lm-host {
    display: none;
  }

  .lgm-scope[b-makk74sy3z]  .lgm-panel {
    max-width: 100%;
    max-height: calc(100dvh - (var(--lap-3) * 2));
    padding: var(--lap-5);
  }

  .lgm-mobile-cart-sheet[b-makk74sy3z] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--lap-overlay-z, 1100) + 1);
    display: flex;
    height: min(calc(var(--lap-1) * 180), calc(100dvh - max(calc(var(--lap-1) * 16), env(safe-area-inset-top))));
    max-height: calc(100dvh - max(calc(var(--lap-1) * 16), env(safe-area-inset-top)));
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
    background: var(--lap-white);
    box-shadow: var(--lap-shadow-4);
  }

  .lgm-mobile-cart-sheet.is-open[b-makk74sy3z] {
    animation: lgm-cart-usage-sheet-in-b-makk74sy3z var(--lap-motion, 200ms) ease-out forwards;
  }

  .lgm-mobile-cart-sheet.is-closing[b-makk74sy3z] {
    pointer-events: none;
    animation: lgm-cart-usage-sheet-out-b-makk74sy3z var(--lap-motion, 200ms) ease-in forwards;
  }

  .lgm-mobile-cart-grabber[b-makk74sy3z] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(var(--lap-1) * 12);
    padding: 0;
    border: 0;
    background: var(--lap-white);
    cursor: pointer;
  }

  .lgm-mobile-cart-handle[b-makk74sy3z] {
    display: block;
    width: calc(var(--lap-1) * 9);
    height: var(--lap-1);
    border-radius: var(--lap-r-max);
    background: var(--lap-gray-300);
  }

  .lgm-mobile-cart-close-icon[b-makk74sy3z] {
    position: absolute;
    right: var(--lap-5);
    color: var(--lap-text-tertiary);
  }

  .lgm-mobile-cart-scroll[b-makk74sy3z] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 0 var(--lap-6) var(--lap-6);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .lgm-mobile-cart-title[b-makk74sy3z] {
    flex: 0 0 auto;
    margin: 0 0 var(--lap-6);
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size4);
    font-weight: var(--lap-fw-bold);
    line-height: var(--lap-lh-tight);
    text-align: center;
  }

  .lgm-cart-usage-confirm[b-makk74sy3z] {
    flex: 0 0 auto;
    min-height: calc((var(--lap-1) * 14) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    border-radius: 0;
  }
}

@keyframes lgm-cart-usage-sheet-in-b-makk74sy3z {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes lgm-cart-usage-sheet-out-b-makk74sy3z {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lgm-mobile-cart-sheet.is-open[b-makk74sy3z],
  .lgm-mobile-cart-sheet.is-closing[b-makk74sy3z] {
    animation: none;
    transform: none;
  }
}
/* /Components/Modals/Packages/LapMaterialDetailModal.razor.rz.scp.css */
.lmdm-state[b-a9zbdbxy47] {
    padding: var(--lap-6);
    color: var(--lap-text-tertiary);
    text-align: center;
}

.lmdm-state.is-error[b-a9zbdbxy47] {
    color: var(--lap-danger-500);
}

.lmdm-scope[b-a9zbdbxy47]  .lmdm-material-modal .lm-body {
    padding-right: var(--lap-3);
}

.lmdm-body[b-a9zbdbxy47] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-6);
}

.lmdm-summary[b-a9zbdbxy47] {
    display: flex;
    align-items: center;
    gap: var(--lap-4);
    padding: var(--lap-4);
    border-radius: var(--lap-r-lg);
    background: var(--lap-surface-1);
    color: var(--lap-text-main);
}

.lmdm-material-icon[b-a9zbdbxy47] {
    display: inline-block;
    width: calc(var(--lap-1) * 18);
    height: auto;
    max-height: var(--lap-12);
    object-fit: contain;
}

.lmdm-section[b-a9zbdbxy47] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

.lmdm-section h3[b-a9zbdbxy47] {
    margin: 0;
    color: var(--lap-text-main);
    font-size: var(--lap-text-size4);
    font-weight: var(--lap-fw-bold);
    text-align: center;
}

.lmdm-content[b-a9zbdbxy47] {
    min-width: 0;
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
    overflow-wrap: anywhere;
}

.lmdm-bordered-content[b-a9zbdbxy47] {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.lmdm-feature-content[b-a9zbdbxy47] {
    padding: var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.lmdm-notice-content[b-a9zbdbxy47] {
    padding: var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-surface-1);
}

.lmdm-content[b-a9zbdbxy47]  img {
    max-width: 100%;
    height: auto;
}

.lmdm-content[b-a9zbdbxy47]  .label-feature {
    max-width: none;
}

.lmdm-content[b-a9zbdbxy47]  table {
    width: 100%;
    border-collapse: collapse;
}

.lmdm-content[b-a9zbdbxy47]  th,
.lmdm-content[b-a9zbdbxy47]  td {
    padding: var(--lap-3);
    border: 1px solid var(--lap-gray-200);
    color: var(--lap-text-main);
    text-align: left;
    vertical-align: top;
}

.lmdm-content[b-a9zbdbxy47]  p:last-child,
.lmdm-content[b-a9zbdbxy47]  ul:last-child,
.lmdm-content[b-a9zbdbxy47]  ol:last-child {
    margin-bottom: 0;
}

.lmdm-video-wrap[b-a9zbdbxy47] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.lmdm-video-box[b-a9zbdbxy47] {
    width: 100%;
    overflow: hidden;
    border-radius: var(--lap-r-xl);
    background: var(--lap-gray-100);
}

.lmdm-video-box.is-video[b-a9zbdbxy47] {
    width: min(100%, calc(var(--lap-1) * 180));
    aspect-ratio: 16 / 9;
}

.lmdm-video-box.is-shorts[b-a9zbdbxy47] {
    width: min(100%, calc(var(--lap-1) * 90));
    aspect-ratio: 9 / 16;
}

.lmdm-video-box iframe[b-a9zbdbxy47] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.lmdm-footer[b-a9zbdbxy47] {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media (max-width: 767.98px) {
    .lmdm-summary[b-a9zbdbxy47] {
        align-items: flex-start;
    }

    .lmdm-scope[b-a9zbdbxy47]  .lmdm-material-modal .lm-body {
        padding-right: var(--lap-2);
    }
}
/* /Components/Modals/Packages/LapOrderDetailModal.razor.rz.scp.css */
.lodm-detail-state[b-o4yn7117qa] {
	padding: var(--lap-6);
	text-align: center;
	color: var(--lap-text-tertiary);
}

.lodm-scope[b-o4yn7117qa]  .lodm-order-modal {
	box-sizing: border-box;
	display: flex;
	max-width: min(calc(var(--lap-1) * 320), calc(100vw - (var(--lap-6) * 2)));
	width: min(calc(var(--lap-1) * 320), calc(100vw - (var(--lap-6) * 2)));
}

.lodm-scope[b-o4yn7117qa]  .lodm-order-modal .lm-head {
	align-items: center;
	min-height: var(--lap-12);
	padding-bottom: var(--lap-5);
}

.lodm-scope[b-o4yn7117qa]  .lodm-order-modal .lm-body {
	padding-right: var(--lap-3);
}

.lodm-detail-foot[b-o4yn7117qa] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2);
}

.lodm-cancel-message[b-o4yn7117qa] {
	margin-top: var(--lap-4);
	padding: var(--lap-3) var(--lap-4);
	border-radius: var(--lap-r-md);
	font-size: var(--lap-text-size2);
}

.lodm-cancel-message.is-success[b-o4yn7117qa] {
	background: var(--lap-success-50, var(--lap-gray-100));
	color: var(--lap-success-700, var(--lap-text-main));
}

.lodm-cancel-message.is-error[b-o4yn7117qa] {
	background: var(--lap-danger-50, var(--lap-gray-100));
	color: var(--lap-danger-700, var(--lap-text-main));
}

.lodm-cancel-form[b-o4yn7117qa] {
	margin-top: var(--lap-5);
	padding: var(--lap-5);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-white);
}

.lodm-cancel-head h3[b-o4yn7117qa] {
	margin: 0;
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-bold);
	color: var(--lap-text-main);
}

.lodm-cancel-head p[b-o4yn7117qa] {
	margin: var(--lap-1) 0 0;
	font-size: var(--lap-text-size2);
	color: var(--lap-text-tertiary);
}

.lodm-cancel-grid[b-o4yn7117qa] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--lap-3);
	margin-top: var(--lap-4);
}

.lodm-cancel-grid label[b-o4yn7117qa] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	font-size: var(--lap-text-size2);
	color: var(--lap-text-tertiary);
}

.lodm-field[b-o4yn7117qa] {
	width: 100%;
	height: var(--lap-9);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-md);
	padding: 0 var(--lap-3);
	color: var(--lap-text-main);
	background: var(--lap-white);
}

.lodm-cancel-actions[b-o4yn7117qa] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2);
	margin-top: var(--lap-4);
}

@media (max-width: 991.98px) {
	.lodm-cancel-grid[b-o4yn7117qa] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.lodm-scope[b-o4yn7117qa]  .lodm-order-modal {
		max-width: calc(100vw - (var(--lap-4) * 2));
		width: calc(100vw - (var(--lap-4) * 2));
		max-height: calc(100vh - (var(--lap-4) * 2));
		padding: var(--lap-5);
	}

	.lodm-scope[b-o4yn7117qa]  .lodm-order-modal .lm-close {
		right: var(--lap-3);
	}

	.lodm-scope[b-o4yn7117qa]  .lodm-order-modal .lm-body {
		padding-right: var(--lap-2);
	}

	.lodm-detail-foot[b-o4yn7117qa],
	.lodm-cancel-actions[b-o4yn7117qa] {
		flex-wrap: wrap;
	}

	.lodm-cancel-grid[b-o4yn7117qa] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Modals/Packages/ProductPriceTableModal.razor.rz.scp.css */
.pptm-scope[b-pv4y31gqlq]  .pptm-modal {
	width: min(calc(var(--lap-1) * 320), calc(100vw - (var(--lap-6) * 2)));
	max-width: min(calc(var(--lap-1) * 320), calc(100vw - (var(--lap-6) * 2)));
}

.pptm-scope[b-pv4y31gqlq]  .pptm-modal .lm-body {
	overflow: hidden;
}

.pptm-state[b-pv4y31gqlq] {
	margin: 0;
	padding: var(--lap-12) var(--lap-6);
	text-align: center;
	color: var(--lap-text-tertiary);
}

.pptm-state.is-error[b-pv4y31gqlq] {
	color: var(--lap-danger-600);
}

.pptm-guide[b-pv4y31gqlq] {
	margin: 0 0 var(--lap-3);
	font-size: var(--lap-text-size2);
	color: var(--lap-text-tertiary);
}

.pptm-table-wrap[b-pv4y31gqlq] {
	max-height: min(calc(var(--lap-1) * 150), 68vh);
	overflow: auto;
	border: 1px solid var(--lap-gray-300);
	border-radius: var(--lap-r-lg);
}

.pptm-table[b-pv4y31gqlq] {
	width: max-content;
	min-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	background: var(--lap-white);
}

.pptm-table th[b-pv4y31gqlq],
.pptm-table td[b-pv4y31gqlq] {
	height: calc(var(--lap-1) * 18);
	box-sizing: border-box;
	border-right: 1px solid var(--lap-gray-200);
	border-bottom: 1px solid var(--lap-gray-300);
	padding: 0 var(--lap-1);
	vertical-align: middle;
	background: var(--lap-white);
}

.pptm-table thead th[b-pv4y31gqlq] {
	position: sticky;
	top: 0;
	z-index: 3;
	height: var(--lap-12);
	background: var(--lap-gray-50);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-text-secondary);
}

.pptm-table tr:last-child > *[b-pv4y31gqlq] {
	border-bottom: 0;
}

.pptm-table tr > *:last-child[b-pv4y31gqlq] {
	border-right: 0;
}

.pptm-product-column[b-pv4y31gqlq] {
	width: calc(var(--lap-1) * 44);
	min-width: calc(var(--lap-1) * 44);
}

.pptm-product-cell[b-pv4y31gqlq] {
	display: flex;
	width: 100%;
	align-items: center;
	gap: var(--lap-2);
	text-align: left;
}

.pptm-material-image[b-pv4y31gqlq] {
	width: var(--lap-8);
	height: var(--lap-8);
	flex: none;
	object-fit: cover;
	border-radius: var(--lap-r-max);
}

.pptm-product-copy[b-pv4y31gqlq] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: calc(var(--lap-1) * 1.5);
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal);
}

.pptm-product-copy strong[b-pv4y31gqlq] {
	font-weight: var(--lap-fw-bold);
}

.pptm-code-row[b-pv4y31gqlq] {
	display: inline-flex;
	align-items: center;
	gap: var(--lap-1);
}

.pptm-code-row .pptm-prosumer-icon[b-pv4y31gqlq] {
	width: var(--lap-4);
	height: var(--lap-4);
	object-fit: contain;
}

.pptm-product-copy > span[b-pv4y31gqlq] {
	font-weight: var(--lap-fw-medium);
}

.pptm-printer-column[b-pv4y31gqlq] {
	width: calc(var(--lap-1) * 16);
	min-width: calc(var(--lap-1) * 16);
	text-align: center;
}

.pptm-printer-icons[b-pv4y31gqlq] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--lap-1) * 2.5);
}

.pptm-printer-icons img[b-pv4y31gqlq] {
	width: auto;
	height: var(--lap-5);
	max-width: calc(var(--lap-1) * 13);
	object-fit: contain;
}

.pptm-price-column[b-pv4y31gqlq] {
	width: calc(var(--lap-1) * 29);
	min-width: calc(var(--lap-1) * 29);
	text-align: center;
}

.pptm-price[b-pv4y31gqlq] {
	display: inline-flex;
	min-width: calc(var(--lap-1) * 24);
	min-height: var(--lap-10);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: calc(var(--lap-1) * 1.5);
	border: 0;
	border-radius: var(--lap-r-md);
	background: transparent;
	cursor: pointer;
	font: inherit;
}

.pptm-price:hover[b-pv4y31gqlq],
.pptm-price:focus-visible[b-pv4y31gqlq] {
	background: var(--lap-primary-50);
	outline: 2px solid var(--lap-primary-300);
	outline-offset: -2px;
}

.pptm-price del[b-pv4y31gqlq] {
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-gray-500);
}

.pptm-price strong[b-pv4y31gqlq] {
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-bold);
	color: var(--lap-color-primary);
}

.pptm-unavailable[b-pv4y31gqlq] {
	color: var(--lap-text-disabled);
}

.pptm-row.is-selected > *[b-pv4y31gqlq] {
	background: var(--lap-primary-50);
}

.pptm-row.is-selected .pptm-product-column[b-pv4y31gqlq] {
	box-shadow: inset var(--lap-1) 0 0 var(--lap-color-primary);
}

@media (max-width: 767.98px) {
	.pptm-scope[b-pv4y31gqlq]  .pptm-modal {
		width: calc(100vw - (var(--lap-4) * 2));
		max-width: calc(100vw - (var(--lap-4) * 2));
		padding: var(--lap-5);
	}

	.pptm-table-wrap[b-pv4y31gqlq] {
		max-height: 62vh;
	}
}
/* /Components/Modals/Packages/ReorderConfirmationModal.razor.rz.scp.css */
.rcm-content[b-9run50zd3f] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.rcm-question[b-9run50zd3f] {
  margin: 0;
  color: var(--lap-text-main);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
}

.rcm-facts[b-9run50zd3f] {
  margin: 0;
  padding: var(--lap-4);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-sm);
  background: var(--lap-gray-100);
}

.rcm-facts > div[b-9run50zd3f] {
  display: grid;
  grid-template-columns: calc(var(--lap-1) * 18) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--lap-3);
}

.rcm-facts > div + div[b-9run50zd3f] {
  margin-top: var(--lap-2);
}

.rcm-facts dt[b-9run50zd3f] {
  color: var(--lap-text-tertiary);
}

.rcm-facts dd[b-9run50zd3f] {
  min-width: 0;
  margin: 0;
  color: var(--lap-text-main);
  overflow-wrap: anywhere;
}

.rcm-facts .rcm-price[b-9run50zd3f] {
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-bold);
}

.rcm-warning[b-9run50zd3f] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  padding: var(--lap-3);
  border-radius: var(--lap-r-sm);
  background: var(--lap-warning-50);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
}

.rcm-error[b-9run50zd3f] {
  margin: 0;
  color: var(--lap-danger-500);
  font-size: var(--lap-text-size2);
}

.rcm-footer[b-9run50zd3f] {
  display: flex;
  width: 100%;
  gap: var(--lap-3);
}

@media (max-width: 575.98px) {
  .rcm-footer[b-9run50zd3f] {
    gap: var(--lap-2);
  }
}
/* /Components/Pages/AccountManagement/AccountEdit.razor.rz.scp.css */
/* =========================================
   AccountEdit (prefix: ae)
   ========================================= */

.ae-wrap[b-32xv6nztbr] {
    max-width: 1208px;
}


.ae-grid-half[b-32xv6nztbr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    gap: var(--lap-3);
}


/* 비밀번호 + 버튼 한 줄 */
.ae-grid-row[b-32xv6nztbr] {
    display: flex;
    align-items: flex-end;
    gap: var(--lap-3);
}


/* 연락처 2개 가로 정렬 */
.ae-inline-2[b-32xv6nztbr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--lap-3);
}

.ae-phone-row[b-32xv6nztbr] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: var(--lap-2);
}

.ae-phone-field[b-32xv6nztbr] {
    display: flex;
    flex-direction: column;
    align-self: start;
    min-width: 0;
}

.ae-phone-dash[b-32xv6nztbr] {
    color: var(--lap-text-disabled);
    font-size: var(--lap-text-size2);
}

.ae-field-error[b-32xv6nztbr] {
    margin-top: var(--lap-3);
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size1);
    line-height: 1.4;
}

.ae-partner-box[b-32xv6nztbr] {
    outline: none;
}

.ae-partner-description[b-32xv6nztbr] {
    margin: 0 0 var(--lap-4);
    color: var(--lap-text-main);
    font-size: var(--lap-text-size2);
    line-height: 1.6;
}

.ae-partner-options[b-32xv6nztbr] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--lap-4);
}

.ae-partner-divider[b-32xv6nztbr] {
    flex: 0 0 auto;
}

@media (max-width: 768px) {

    .ae-grid-half[b-32xv6nztbr] {
        grid-template-columns: 1fr;
    }

    .ae-partner-options[b-32xv6nztbr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-partner-divider[b-32xv6nztbr] {
        display: none;
    }
}


/*@media (max-width: 768px) {*/
@media (max-width: 992px) {
    .ae-wrap[b-32xv6nztbr] {
        max-width: 100%;
    }

    .ae-grid-row[b-32xv6nztbr] {
        flex-direction: column;
        align-items: stretch;
    }

    .lap-form-grid-2[b-32xv6nztbr] {
        grid-template-columns: 1fr;
        gap: var(--lap-4);
    }
}
/* /Components/Pages/AccountManagement/AccountLeave.razor.rz.scp.css */


.al-container[b-2jps5rm42f] {
/*    max-width: 1000px;*/
    max-width: 1208px;
}

/* 안내 박스 */

.lap-box-notice[b-2jps5rm42f] {
    background-color: var(--lap-gray-50);
    border: 1px solid var(--lap-gray-100);
/*    border-radius: var(--lap-r-lg);*/
    border-radius: var(--lap-r-sm);
}
/* /Components/Pages/AccountManagement/Coupon.razor.rz.scp.css */
/* ===============================
   Coupon Page
   =============================== */

.cp-available-panel[b-rco9nv6e4i] {
    width: 100%;
}

.cp-available-count[b-rco9nv6e4i] {
    color: var(--lap-information-500);
}

.cp-coupon-card[b-rco9nv6e4i] {
    height: 100%;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    transition: box-shadow var(--lap-motion-fast);
}

.cp-coupon-title[b-rco9nv6e4i] {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.cp-coupon-image-wrap[b-rco9nv6e4i] {
    display: flex;
    align-items: center;
}

.cp-coupon-image[b-rco9nv6e4i] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cp-empty[b-rco9nv6e4i] {
    text-align: center;
    color: var(--lap-text-muted);
}

.cp-empty.is-error[b-rco9nv6e4i] {
    color: var(--lap-danger-600);
}

.cp-tabs[b-rco9nv6e4i] {
    flex-wrap: wrap;
}

.cp-notice[b-rco9nv6e4i] {
    background: var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    padding: var(--lap-5);
}

/* 입력 */
.cp-input[b-rco9nv6e4i] {
    width: 100%;
    height: 48px;
    border-radius: var(--lap-r-md);
    border: 1px solid var(--lap-gray-300);
    padding: 0 var(--lap-4);
    font-size: var(--lap-text-size2);
    background: var(--lap-white);
}

.cp-input:focus[b-rco9nv6e4i] {
    outline: none;
    border-color: var(--lap-primary-400);
}

/* 탭 버튼 */
.cp-btn-primary[b-rco9nv6e4i],
.cp-btn-outline[b-rco9nv6e4i] {
    min-width: 88px;
    height: 32px;
    padding: 0 var(--lap-4);
    border-radius: var(--lap-r-max);
    line-height: 32px;
    white-space: nowrap;
}

.cp-btn-primary[b-rco9nv6e4i] {
    background: var(--lap-color-primary);
    color: var(--lap-text-white);
    border: 1px solid var(--lap-color-primary);
}

.cp-btn-outline[b-rco9nv6e4i] {
    background: transparent;
    border: 1px solid var(--lap-gray-300);
    color: var(--lap-text-main);
}

.cp-btn-primary:disabled[b-rco9nv6e4i],
.cp-btn-outline:disabled[b-rco9nv6e4i] {
    cursor: progress;
    opacity: .72;
}

@media (max-width: 575.98px) {
    .cp-coupon-image-wrap[b-rco9nv6e4i] {
        justify-content: center;
    }
}
/* /Components/Pages/AccountManagement/DocumentIssuance.razor.rz.scp.css */
.di-notice[b-sxfasrobnu] { margin-bottom: 0; }

.di-cols[b-sxfasrobnu] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(150px, 1fr) minmax(120px, 1fr) repeat(3, minmax(110px, .8fr));
  align-items: center;
  min-width: 820px;
  text-align: center;
}

.di-cols > div:nth-child(n + 4)[b-sxfasrobnu] { display: flex; justify-content: center; }
.di-amount[b-sxfasrobnu] { font-weight: var(--lap-fw-semibold); }
.di-empty-row[b-sxfasrobnu],
.di-empty-card[b-sxfasrobnu] { padding: var(--lap-8); color: var(--lap-text-secondary); text-align: center; }
.di-pagination[b-sxfasrobnu] { margin-top: var(--lap-6); }
.di-mobile-list[b-sxfasrobnu] { margin: 0; padding: 0; list-style: none; }
.di-mobile-list .lap-white-card + .lap-white-card[b-sxfasrobnu] { margin-top: var(--lap-3); }

@media (min-width: 768px) {
  .di-list-table[b-sxfasrobnu] { display: block; }
  .di-mobile-list[b-sxfasrobnu] { display: none; }
}

@media (max-width: 767.98px) {
  .di-list-table[b-sxfasrobnu] { display: none; }
}
/* /Components/Pages/Auth/FindAccount/FindAccount.razor.rz.scp.css */
.fa-root[b-1hx3cqs3ae] {
	min-height: 100dvh;
	color: var(--lap-text-main);
	background: var(--lap-surface-0);
}

.fa-container[b-1hx3cqs3ae] {
	max-width: calc(var(--lap-1) * 256);
	margin: 0 auto;
	padding: var(--lap-8) var(--lap-6);
}

.fa-header[b-1hx3cqs3ae] {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: var(--lap-8);
}

.fa-title-wrap[b-1hx3cqs3ae] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-2);
}

.fa-panel[b-1hx3cqs3ae] {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--lap-7);
	box-shadow: var(--lap-shadow-1);
}

.fa-panel-head[b-1hx3cqs3ae] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-2);
	margin-bottom: var(--lap-6);
}

.fa-form[b-1hx3cqs3ae] {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	row-gap: var(--lap-5);
}

.fa-form :deep(.lb-root)[b-1hx3cqs3ae] {
	margin-top: auto;
}

.fa-or[b-1hx3cqs3ae] {
	width: calc(var(--lap-1) * 16);
	height: calc(var(--lap-1) * 16);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--lap-r-max);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-white);
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-semibold);
}

.fa-back[b-1hx3cqs3ae] {
	display: flex;
	justify-content: center;
	margin-top: var(--lap-7);
}

@media (max-width: 767.98px) {
	.fa-container[b-1hx3cqs3ae] {
		padding: var(--lap-6) var(--lap-4);
	}

	.fa-header[b-1hx3cqs3ae] {
		margin-bottom: var(--lap-6);
	}

	.fa-panel[b-1hx3cqs3ae] {
		padding: var(--lap-5);
	}

	.fa-or[b-1hx3cqs3ae] {
		width: 100%;
		height: auto;
		border: 0;
		background: transparent;
	}
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.l-root[b-0c14taxm9y] {
	position: relative;
	isolation: isolate;
	min-height: 100dvh;
	display: grid;
	grid-template-columns: var(--lap-sidebar-w-expanded) minmax(0, 1fr);
	color: var(--lap-text-main);
	overflow: hidden;
}

.l-root[b-0c14taxm9y]::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: var(--lap-gray-900);
}

.l-panel[b-0c14taxm9y] {
	position: relative;
	z-index: 2;
	width: var(--lap-sidebar-w-expanded);
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	background: var(--lap-surface-0);
	border-right: 1px solid var(--lap-gray-200);
	box-shadow: var(--lap-shadow-2);
	border-radius: 0 var(--lap-r-xl) var(--lap-r-xl) 0;
	padding: var(--lap-4) 0;
}

.l-logo-row[b-0c14taxm9y] {
	display: flex;
	align-items: center;
	height: calc(var(--lap-1) * 14);
	padding-right: var(--lap-6);
	padding-left: var(--lap-6);
	margin-bottom: var(--lap-2);
	transition: padding var(--lap-motion) ease-out, justify-content var(--lap-motion) ease-out;
}

.l-logo[b-0c14taxm9y] {
	display: block;
	height: calc(var(--lap-1) * 8);
	width: auto;
	transition: opacity var(--lap-motion) ease-out;
}

.l-form-wrap[b-0c14taxm9y] {
	flex: 0 0 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--lap-5);
	padding: var(--lap-4) var(--lap-6) var(--lap-6);
}

.l-heading[b-0c14taxm9y] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-1);
}

.l-title[b-0c14taxm9y] {
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-medium);
	line-height: var(--lap-lh-normal);
	color: var(--lap-text-main);
}

.l-heading p[b-0c14taxm9y] {
	font-size: var(--lap-text-size1);
	color: var(--lap-text-tertiary);
	line-height: var(--lap-lh-normal);
}

.l-alert[b-0c14taxm9y] {
	padding: var(--lap-3) var(--lap-4);
	border: 1px solid var(--lap-danger-200);
	border-radius: var(--lap-r-md);
	background: var(--lap-danger-50);
	color: var(--lap-danger-700);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-medium);
	line-height: var(--lap-lh-normal);
}

.l-form[b-0c14taxm9y] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-5);
}

.l-copyright[b-0c14taxm9y] {
	margin-top: auto;
	padding: var(--lap-4) var(--lap-6) var(--lap-2);
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-medium);
	line-height: var(--lap-lh-normal);
}

.l-helper-row[b-0c14taxm9y] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-3);
	min-width: 0;
}

.l-find-link[b-0c14taxm9y] {
	flex: 0 0 auto;
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-medium);
	color: var(--lap-text-tertiary);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--lap-motion-fast) ease;
}

.l-find-link:hover[b-0c14taxm9y],
.l-find-link:focus-visible[b-0c14taxm9y] {
	color: var(--lap-color-primary);
	text-decoration: underline;
}

.l-media[b-0c14taxm9y] {
	position: relative;
	z-index: 1;
	min-width: 0;
	min-height: 100dvh;
	background-color: var(--lap-gray-900);
	overflow: hidden;
}

.l-poster[b-0c14taxm9y],
.l-video[b-0c14taxm9y] {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-position: center center;
}

.l-poster[b-0c14taxm9y] {
	z-index: 2;
	pointer-events: none;
	opacity: 1;
	visibility: visible;
	transition: opacity var(--lap-motion-fast) ease, visibility 0s linear var(--lap-motion-fast);
}

.l-poster img[b-0c14taxm9y] {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.l-media.is-video-ready .l-poster[b-0c14taxm9y] {
	opacity: 0;
	visibility: hidden;
}

.l-video[b-0c14taxm9y] {
	z-index: 1;
	object-fit: cover;
	pointer-events: none;
}

@media (max-width: 991.98px) {
	.l-root[b-0c14taxm9y] {
		min-height: 100dvh;
		display: flex;
		align-items: flex-end;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.l-media[b-0c14taxm9y] {
		position: fixed;
		inset: 0;
		min-height: 100dvh;
	}

	.l-panel[b-0c14taxm9y] {
		flex: 0 0 auto;
		width: 100%;
		min-height: auto;
		border-right: 0;
		border-top: 1px solid color-mix(in srgb, var(--lap-gray-200) 38%, transparent);
		border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
		box-shadow: var(--lap-shadow-7);
		background: color-mix(in srgb, var(--lap-surface-0) 30%, transparent);
		-webkit-backdrop-filter: blur(calc(var(--lap-1) / 2));
		backdrop-filter: blur(calc(var(--lap-1) / 2));
		padding-top: var(--lap-3);
		padding-bottom: var(--lap-3);
	}

	.l-logo-row[b-0c14taxm9y] {
		justify-content: center;
		padding-right: 0;
		padding-left: 0;
		height: calc(var(--lap-1) * 11);
		margin-bottom: 0;
	}

	.l-logo[b-0c14taxm9y] {
		height: calc(var(--lap-1) * 7);
	}

	.l-copyright[b-0c14taxm9y] {
		margin-top: 0;
		padding: var(--lap-2) var(--lap-5) 0;
		text-align: center;
	}

	.l-form-wrap[b-0c14taxm9y] {
		width: 100%;
		max-width: calc(var(--lap-1) * 104);
		margin: 0 auto;
		gap: var(--lap-3);
		padding: var(--lap-2) var(--lap-5) var(--lap-3);
	}

	.l-form[b-0c14taxm9y] {
		gap: var(--lap-3);
	}

	/* 모바일 카드에서는 입력 라벨과 여백을 줄여 영상 노출 영역을 넓힌다. */
	.l-form[b-0c14taxm9y]  .l-login-input {
		gap: var(--lap-1);
	}

	.l-form[b-0c14taxm9y]  .l-login-input .li-label {
		font-size: var(--lap-text-size1);
		line-height: var(--lap-lh-tight);
	}
}

@media (max-width: 767.98px) {
	.l-panel[b-0c14taxm9y] {
		border-radius: var(--lap-r-lg) var(--lap-r-lg) 0 0;
		padding-top: var(--lap-2);
		padding-bottom: var(--lap-2);
	}

	.l-logo-row[b-0c14taxm9y] {
		height: calc(var(--lap-1) * 10);
	}

	.l-form-wrap[b-0c14taxm9y] {
		padding: var(--lap-1) var(--lap-4) var(--lap-2);
	}

	.l-copyright[b-0c14taxm9y] {
		padding: var(--lap-1) var(--lap-4) 0;
	}

	.l-helper-row[b-0c14taxm9y] {
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.l-video[b-0c14taxm9y] {
		display: none;
	}
}
/* /Components/Pages/Bookmark/Favorites.razor.rz.scp.css */
.fav-page h1[b-rmafl3vg5h],
.fav-page p[b-rmafl3vg5h],
.fav-page dl[b-rmafl3vg5h],
.fav-page dd[b-rmafl3vg5h] {
  margin: 0;
}

.fav-content[b-rmafl3vg5h] {
  margin-top: var(--lap-4);
}

.fav-help-button[b-rmafl3vg5h] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--lap-r-sm);
  background: transparent;
  cursor: pointer;
}

.fav-help-icon[b-rmafl3vg5h] {
  color: var(--lap-text-disabled);
  transition: color var(--lap-motion-fast) ease;
}

.fav-help-button:hover .fav-help-icon[b-rmafl3vg5h] { color: var(--lap-color-primary); }

.fav-help-button:focus-visible[b-rmafl3vg5h] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: var(--lap-1);
}

.fav-state[b-rmafl3vg5h] {
  display: flex;
  min-height: calc(var(--lap-12) * 4);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--lap-4);
  padding: var(--lap-8);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  color: var(--lap-text-secondary);
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .fav-help-icon[b-rmafl3vg5h] { transition: none; }
}

.fav-state.is-error[b-rmafl3vg5h],
.fav-row-error[b-rmafl3vg5h],
.fav-unavailable[b-rmafl3vg5h] {
  color: var(--lap-danger-500);
}

.fav-order-list[b-rmafl3vg5h] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.fav-order-card[b-rmafl3vg5h] {
  padding: var(--lap-5);
}

.fav-order-main[b-rmafl3vg5h] {
  display: grid;
  grid-template-columns: minmax(calc(var(--lap-1) * 74), 1fr) minmax(calc(var(--lap-1) * 122), 1.45fr);
  align-items: center;
  gap: var(--lap-4);
}

.fav-product-header[b-rmafl3vg5h] {
  display: grid;
  grid-template-columns: calc(var(--lap-1) * 22) minmax(0, 1fr);
  align-items: center;
  gap: var(--lap-4);
  min-width: 0;
}

.fav-thumb[b-rmafl3vg5h] {
  display: flex;
  width: calc(var(--lap-1) * 22);
  height: calc(var(--lap-1) * 22);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-md);
  background: var(--lap-white);
}

.fav-thumb img[b-rmafl3vg5h] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fav-product-info[b-rmafl3vg5h] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--lap-1);
  color: var(--lap-text-tertiary);
}

.fav-product-code[b-rmafl3vg5h] {
  overflow: hidden;
  color: var(--lap-text-main);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-semibold);
  text-decoration: none;
  text-overflow: ellipsis;
}

.fav-product-code:hover[b-rmafl3vg5h] {
  color: var(--lap-color-primary);
  text-decoration: underline;
}

.fav-order-fields[b-rmafl3vg5h] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto;
  align-items: end;
  gap: var(--lap-3);
}

.fav-field[b-rmafl3vg5h] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--lap-2);
}

.fav-field-label[b-rmafl3vg5h] {
  color: var(--lap-text-main);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-medium);
}

.fav-quantity-field[b-rmafl3vg5h]  .fav-quantity-stepper {
  width: max-content;
  max-width: 100%;
}

.fav-prosumer[b-rmafl3vg5h] {
  margin-top: var(--lap-2) !important;
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-semibold);
}

.fav-row-error[b-rmafl3vg5h] {
  margin-top: var(--lap-3) !important;
}

.fav-calculation[b-rmafl3vg5h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-6);
  margin-top: var(--lap-5);
  padding: var(--lap-5);
  border-radius: var(--lap-r-md);
  background: var(--lap-gray-100);
}

.fav-facts[b-rmafl3vg5h] {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--lap-6);
  row-gap: var(--lap-4);
  min-width: 0;
}

.fav-fact[b-rmafl3vg5h] {
  min-width: 0;
}

.fav-fact dt[b-rmafl3vg5h] {
  margin-bottom: var(--lap-1);
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  white-space: nowrap;
}

.fav-fact dd[b-rmafl3vg5h] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--lap-2);
  overflow: hidden;
  color: var(--lap-text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fav-fact-availability dd span:last-child[b-rmafl3vg5h] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fav-fact-price del[b-rmafl3vg5h] {
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
}

.fav-fact-price strong[b-rmafl3vg5h] {
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size5);
}

.fav-fact-price strong.is-empty[b-rmafl3vg5h] {
  color: var(--lap-text-main);
  font-size: inherit;
}

.fav-cart-action[b-rmafl3vg5h] {
  flex: 0 0 180px;
}

.fav-pagination[b-rmafl3vg5h] {
  margin-top: var(--lap-6);
}

@media (max-width: 991.98px) {
  .fav-order-main[b-rmafl3vg5h] {
    grid-template-columns: minmax(0, 1fr);
  }

  .fav-order-fields[b-rmafl3vg5h] {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-top: var(--lap-4);
    border-top: 1px solid var(--lap-gray-200);
  }

  .fav-calculation[b-rmafl3vg5h] {
    align-items: stretch;
    flex-direction: column;
  }

  .fav-facts[b-rmafl3vg5h] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fav-cart-action[b-rmafl3vg5h] {
    flex-basis: auto;
  }
}

@media (max-width: 767.98px) {
  .fav-order-card[b-rmafl3vg5h] {
    padding: var(--lap-4);
  }

  .fav-product-header[b-rmafl3vg5h] {
    grid-template-columns: calc(var(--lap-1) * 18) minmax(0, 1fr);
    align-items: start;
    gap: var(--lap-3);
  }

  .fav-thumb[b-rmafl3vg5h] {
    width: calc(var(--lap-1) * 18);
    height: calc(var(--lap-1) * 18);
  }

  .fav-order-fields[b-rmafl3vg5h],
  .fav-facts[b-rmafl3vg5h] {
    grid-template-columns: 1fr;
  }

}
/* /Components/Pages/Cart/Cart.razor.rz.scp.css */
/* =========================================
   Cart Layout
========================================= */

.C-layout[b-emutfvklwy] {
  margin-top: var(--lap-4);
}

.c-toolbar[b-emutfvklwy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--lap-4);
  margin-bottom: var(--lap-3);
}
.c-toolbar-right[b-emutfvklwy] {
  display: flex;
  margin-left: auto;
}

.C-delivery-management-toolbar[b-emutfvklwy] {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--lap-4);
}

.C-delivery-summary-message[b-emutfvklwy] {
  display: flex;
  align-items: center;
  flex: 0 1 calc(50% - var(--lap-2));
  gap: var(--lap-4);
  min-height: var(--lap-8);
  padding-left: calc(var(--lap-4) + var(--lap-1));
}

.C-delivery-summary-message[b-emutfvklwy]  .C-delivery-select-all {
  flex: 0 0 auto;
}

.C-delivery-summary-copy[b-emutfvklwy] {
  min-width: 0;
}

.C-delivery-summary-count[b-emutfvklwy] {
  color: var(--lap-information-500);
}

.C-delivery-selection-toolbar[b-emutfvklwy] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--lap-4);
  margin-top: var(--lap-1);
  margin-bottom: var(--lap-3);
}

.C-delivery-selection-actions[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--lap-2);
}

.C-delivery-action-label-mobile[b-emutfvklwy] {
  display: none;
}


/* =========================================
   Cart Table
========================================= */

.C-cart-cols[b-emutfvklwy] {
  display: grid;
  grid-template-columns:
    minmax(calc(var(--lap-1) * 10), 0.45fr)
    minmax(calc(var(--lap-1) * 23), 1.4fr)
    minmax(calc(var(--lap-1) * 18), 0.9fr)
    minmax(calc(var(--lap-1) * 28), 1.35fr)
    minmax(calc(var(--lap-1) * 19), 1fr)
    minmax(calc(var(--lap-1) * 23), 1.1fr)
    minmax(calc(var(--lap-1) * 10), 0.45fr);
  align-items: center;
  text-align: center;
  width: 100%;
  min-width: calc(var(--lap-1) * 180);
  justify-items: center;
}

.lap-table-head.C-cart-cols > *[b-emutfvklwy],
.lap-table-row.C-cart-cols > *[b-emutfvklwy] {
  min-width: 0;
  padding: var(--lap-3) var(--lap-2);
  word-break: keep-all;
}

.C-cart-product[b-emutfvklwy] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.C-cart-product-button[b-emutfvklwy] {
  border: 0;
  background: transparent;
  color: var(--lap-color-primary);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}

.C-cart-product-tooltip-image-wrap[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
}

.C-cart-product-tooltip-image[b-emutfvklwy] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.C-cart-packing[b-emutfvklwy],
.C-cart-availability[b-emutfvklwy],
.C-cart-amount[b-emutfvklwy],
.C-cart-action[b-emutfvklwy] {
  white-space: nowrap;
}

.C-cart-action[b-emutfvklwy] {
  justify-self: center;
}

.C-cart-quantity[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

/* 단위 글자 수와 무관하게 수량 스테퍼의 - 버튼 시작선을 같은 위치에 고정한다. */
.C-cart-quantity .C-cart-value[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.C-cart-unit[b-emutfvklwy] {
  margin-left: var(--lap-2);
  color: var(--lap-text-secondary);
  white-space: nowrap;
}

/* 출고 상태 칩과 예정 문구는 데스크톱에서 나란히, 모바일 카드에서는 값 영역 안에서 두 줄로 읽힌다. */
.C-cart-availability-value[b-emutfvklwy] {
  display: flex;
  align-items: center;
  min-width: 0;
  justify-content: center;
  gap: var(--lap-3);
}

.C-cart-availability-message[b-emutfvklwy] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size1);
  white-space: nowrap;
}

.C-mobile-cart-controls[b-emutfvklwy],
.C-cart-mobile-actions[b-emutfvklwy] {
  display: none;
}

/* 상품 상세의 포장별 구매 도움말 아이콘과 같은 20px 비율·색상·정렬을 사용한다. */
.C-help-icon[b-emutfvklwy] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 calc(var(--lap-1) * 5);
  width: calc(var(--lap-1) * 5);
  height: calc(var(--lap-1) * 5);
  color: var(--lap-text-disabled);
  vertical-align: middle;
  cursor: help;
  transition: color var(--lap-motion-fast) ease;
}

.C-help-icon:hover[b-emutfvklwy] {
  color: var(--lap-color-primary);
}

.C-help-button[b-emutfvklwy] {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.C-help-button:focus-visible[b-emutfvklwy] {
  outline: 2px solid var(--lap-primary-400);
  outline-offset: 2px;
  border-radius: var(--lap-r-max);
}

.alert-layout .C-help-icon[b-emutfvklwy] {
  margin-right: var(--lap-2);
}

.lap-white-card-row > .lap-white-card-row[b-emutfvklwy] {
  align-items: center;
  justify-content: flex-start;
  gap: var(--lap-1);
}

.C-plus[b-emutfvklwy] {
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size4);
  cursor: pointer;
}

/* =========================================
   Table Actions
========================================= */

.C-table-actions[b-emutfvklwy] {
  display: flex;
  justify-content: flex-end;
  gap: var(--lap-2);
  align-self: flex-end;
}

/* =========================================
   Shipping Group
========================================= */

.C-ship-group[b-emutfvklwy] {
  background: var(--lap-white);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  padding: var(--lap-4);
}

.C-ship-header[b-emutfvklwy] {
  display: grid;
  grid-template-columns:
    var(--lap-6)
    minmax(0, 1fr)
    calc(var(--lap-1) * 22)
    calc(var(--lap-1) * 16)
    calc(var(--lap-1) * 28)
    calc(var(--lap-1) * 18)
    var(--lap-5);
  align-items: center;
  gap: var(--lap-3);
  width: calc(100% + (var(--lap-4) * 2));
  padding: var(--lap-4);
  margin: calc(var(--lap-4) * -1);
}

.C-ship-header-mobile[b-emutfvklwy],
.C-ship-header-mobile-shell[b-emutfvklwy] {
  display: none;
}

.C-ship-header > *[b-emutfvklwy] {
  min-width: 0;
}

.C-ship-destination[b-emutfvklwy] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.C-ship-select[b-emutfvklwy] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

.C-ship-take-warning[b-emutfvklwy] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--lap-warning-500);
}

.C-ship-destination[b-emutfvklwy],
.C-mobile-ship-recipient[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
}

.C-ship-head-address[b-emutfvklwy] {
  display: block;
  overflow: hidden;
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.C-ship-header > :nth-child(4)[b-emutfvklwy],
.C-ship-header > :nth-child(5)[b-emutfvklwy] {
  white-space: nowrap;
}

.C-ship-header > :nth-child(4)[b-emutfvklwy] {
  justify-self: end;
  text-align: right;
}

.C-ship-header > :nth-child(5)[b-emutfvklwy] {
  justify-self: end;
  text-align: right;
}

.C-ship-header > :nth-child(6)[b-emutfvklwy] {
  justify-self: center;
}

.C-order-products-head[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
}

.C-order-products-actions[b-emutfvklwy] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
}

.C-match-release-label-mobile[b-emutfvklwy] {
  display: none;
}

.C-ship-group[b-emutfvklwy] {
  cursor: pointer;
  transition: border-color var(--lap-motion-fast) ease, background-color var(--lap-motion-fast) ease;
}

.C-ship-header[b-emutfvklwy] {
  border-radius: var(--lap-r-lg);
}

.C-ship-header.is-open[b-emutfvklwy] {
  border-radius: var(--lap-r-lg) var(--lap-r-lg) 0 0;
}

.C-ship-header:hover .C-accordion-icon[b-emutfvklwy] {
  color: var(--lap-color-primary);
}

.C-ship-body[b-emutfvklwy] {
  cursor: default;
}

.C-ship-products-table[b-emutfvklwy] {
  border: 1px solid var(--lap-gray-200);
  overflow-x: hidden;
}

/* 배송처 안 목록은 화면 폭에 맞춰 열 비율을 먼저 줄여 가로 스크롤 없이 읽을 수 있게 한다. */
.C-ship-products-table .C-ship-cart-cols[b-emutfvklwy] {
  grid-template-columns: calc(var(--lap-1) * 6) minmax(0, 2fr) minmax(0, .7fr) minmax(0, .55fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(calc(var(--lap-1) * 20), .5fr);
  min-width: 0;
}

.C-ship-products-table .lap-table-head.C-ship-cart-cols > *[b-emutfvklwy],
.C-ship-products-table .lap-table-row.C-ship-cart-cols > *[b-emutfvklwy] {
  overflow-wrap: anywhere;
  padding: var(--lap-2) var(--lap-1);
}

.C-ship-products-table .C-cart-product-button[b-emutfvklwy] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 출고 칩과 예정 문구가 한 덩어리로 붙어 보이지 않도록 배송처 목록에서 간격을 넉넉히 둔다. */
.C-ship-products-table .C-cart-availability-value[b-emutfvklwy] {
  gap: var(--lap-4);
}

.C-ship-empty[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--lap-1) * 20);
  margin-top: var(--lap-3);
  border: 1px solid var(--lap-gray-200);
  color: var(--lap-text-secondary);
}

/* 클릭 시 배송방법 안내를 보여주기 위해 실제 disabled 대신 같은 시각 상태만 적용한다. */
[b-emutfvklwy] .C-complete-disabled {
  background: var(--lap-gray-300);
  border-color: var(--lap-gray-300);
  color: var(--lap-text-disabled);
}

/* 완료된 배송처는 완료 칩만 정상 색을 유지하고, 다시 수정하기 전에는 나머지 정보를 비활성 상태로 보인다. */
.C-ship-group.is-completed .C-ship-header > :not(.lsc-root)[b-emutfvklwy] {
  color: var(--lap-text-disabled);
}

.C-ship-group.is-completed .C-ship-body[b-emutfvklwy] {
  color: var(--lap-text-disabled);
}

.C-cart-action[b-emutfvklwy] {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lap-text-secondary);
  cursor: pointer;
}

.C-cart-action-head[b-emutfvklwy] {
  justify-self: center;
  color: inherit;
  white-space: nowrap;
}

.C-ship-mobile-action-label[b-emutfvklwy] {
  display: none;
}

.C-summary-row[b-emutfvklwy] {
  margin-bottom: var(--lap-2);
}

.C-summary-card .C-total[b-emutfvklwy] {
  margin-top: var(--lap-3);
}

.C-summary-card[b-emutfvklwy]  .lb-root {
  margin-top: var(--lap-4);
}

.C-cart-action:hover:not(:disabled)[b-emutfvklwy] {
  color: var(--lap-color-primary);
}

.C-cart-action:disabled[b-emutfvklwy] {
  color: var(--lap-text-disabled);
  cursor: default;
}

.C-cart-main-table > .lap-table-row.lap-table-hover:hover[b-emutfvklwy],
.C-ship-body .lap-table-row.lap-table-hover:hover[b-emutfvklwy] {
  background: var(--lap-gray-100);
}

@media (max-width: 767.98px) {
  .C-delivery-management-toolbar[b-emutfvklwy]  .lb-root {
    width: 100%;
    min-width: 0;
  }

  .C-delivery-selection-toolbar[b-emutfvklwy] {
    align-items: stretch;
    flex-direction: column;
  }

  .C-delivery-summary-message[b-emutfvklwy] {
    order: 2;
    flex-basis: auto;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding-top: var(--lap-2);
    padding-bottom: var(--lap-2);
    padding-left: var(--lap-3);
  }

  .C-delivery-selection-actions[b-emutfvklwy] {
    display: grid;
    order: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
  }

  .C-delivery-selection-actions[b-emutfvklwy]  .lb-root {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    overflow: hidden;
  }

  .C-delivery-selection-actions[b-emutfvklwy]  .lb-inner {
    width: 100%;
  }

  .C-delivery-action-label-desktop[b-emutfvklwy] {
    display: none;
  }

  .C-delivery-action-label-mobile[b-emutfvklwy] {
    display: inline;
  }

  .C-ship-group[b-emutfvklwy] {
    padding: var(--lap-3);
  }

  .C-ship-header[b-emutfvklwy] {
    width: calc(100% + (var(--lap-3) * 2));
    padding: var(--lap-3);
    margin: calc(var(--lap-3) * -1);
  }

  .C-ship-header[b-emutfvklwy] {
    grid-template-columns: var(--lap-6) minmax(0, 1.3fr) auto auto minmax(0, 1fr) max-content var(--lap-5);
    gap: var(--lap-2);
    font-size: var(--lap-text-size1);
  }
}

/* =========================================
   Sidebar
========================================= */

.C-sidebar[b-emutfvklwy] {
  position: sticky;
  top: var(--lap-6);
}

.C-card[b-emutfvklwy] {
  background: var(--lap-white);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  padding: var(--lap-4);
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
}

.C-info-row[b-emutfvklwy] {
  display: flex;
  justify-content: space-between;
  gap: var(--lap-2);
}

.C-check[b-emutfvklwy] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
}

/* accordion */

.C-accordion-icon[b-emutfvklwy] {
  margin-left: auto;
  transition: transform var(--lap-motion);
}

  .C-accordion-icon.is-open[b-emutfvklwy] {
    transform: rotate(180deg);
  }

.C-ship-body[b-emutfvklwy] {
  margin-top: var(--lap-4);
  border-top: 1px solid var(--lap-gray-200);
  padding-top: var(--lap-4);
}

.C-ship-section[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
}

.C-section-title[b-emutfvklwy] {
  font-weight: var(--lap-fw-semibold);
}

.C-ship-info-title[b-emutfvklwy] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
}

.C-ship-info-edit[b-emutfvklwy] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lap-icon-tertiary);
  cursor: pointer;
}

.C-ship-info-edit:hover[b-emutfvklwy] {
  color: var(--lap-color-primary);
}

.C-ship-info-grid[b-emutfvklwy] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lap-3);
}

.C-delivery-message[b-emutfvklwy] {
  margin-top: var(--lap-4);
}

.C-delivery-message-head[b-emutfvklwy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  margin-bottom: var(--lap-2);
  color: var(--lap-text-main);
  font-weight: var(--lap-fw-semibold);
}

.C-delivery-message-input-row[b-emutfvklwy] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: var(--lap-2);
}

.C-delivery-message-input-row[b-emutfvklwy]  .li-root {
  min-width: 0;
}

/* 모바일 */
@media (max-width: 768px) {
  .C-ship-info-grid[b-emutfvklwy] {
    grid-template-columns: 1fr;
  }

  .C-delivery-message-input-row[b-emutfvklwy] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 실데이터 조회 상태는 기존 테이블 열 구조를 유지한다. */
.C-cart-state > div:nth-child(2)[b-emutfvklwy] {
  grid-column: 2 / 7;
  color: var(--lap-text-tertiary);
  text-align: left;
}

.C-cart-state.is-error > div:nth-child(2)[b-emutfvklwy] {
  color: var(--lap-danger-600);
}

/* =========================================
   Totals
========================================= */

.C-total-row[b-emutfvklwy] {
  display: flex;
  justify-content: space-between;
}

.C-total[b-emutfvklwy] {
  color: var(--lap-danger-500);
  font-weight: var(--lap-fw-bold);
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 1200px) {

  .C-sidebar[b-emutfvklwy] {
    position: static;
    margin-top: var(--lap-6);
  }
}





/* =========================
   Mobile cart / bottom summary
========================= */

.C-sidebar-desktop[b-emutfvklwy] {
  display: block;
}

.C-mobile-cta[b-emutfvklwy],
.C-bottom-sheet[b-emutfvklwy] {
  display: none;
}

.C-sheet-backdrop[b-emutfvklwy] {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgb(0 0 0 / 30%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
}

.C-sheet-backdrop.is-open[b-emutfvklwy] {
  opacity: 1;
  pointer-events: auto;
}

.C-sheet-section[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
}

.C-title[b-emutfvklwy] {
  margin: 0 0 var(--lap-2);
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-bold);
}

.C-divider[b-emutfvklwy] {
  flex: 0 0 1px;
  height: 1px;
  background: var(--lap-gray-200);
}

.C-sheet .C-total span:last-child[b-emutfvklwy] {
  color: var(--lap-danger-500);
  font-weight: var(--lap-fw-bold);
}

@media (max-width: 767.98px) {
  .lap-header-title[b-emutfvklwy] {
    justify-content: center;
  }

  .C-layout[b-emutfvklwy] {
    padding-bottom: calc(var(--lap-1) * 28);
  }

  .C-table-actions[b-emutfvklwy] {
    display: none;
  }

  .C-cart-main-table[b-emutfvklwy] {
    min-width: 0;
    padding: var(--lap-5);
    overflow: visible;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-xl);
    background: var(--lap-white);
  }

  .C-cart-main-table > .lap-table-head[b-emutfvklwy] {
    display: none;
  }

  .C-mobile-cart-controls[b-emutfvklwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
  }

  .C-mobile-cart-control-actions[b-emutfvklwy] {
    display: flex;
    gap: var(--lap-2);
  }

  .C-cart-main-table > .lap-table-row.C-cart-cols[b-emutfvklwy] {
    position: relative;
    display: grid;
    grid-template-columns: var(--lap-4) minmax(0, 1fr) calc(var(--lap-1) * 10);
    grid-template-rows: repeat(5, minmax(calc(var(--lap-1) * 6), auto));
    column-gap: var(--lap-3);
    width: 100%;
    min-width: 0;
    padding: var(--lap-5) 0;
    text-align: left;
    justify-items: stretch;
  }

  .C-cart-main-table > .lap-table-row.C-cart-cols:last-child[b-emutfvklwy] {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .C-cart-main-table > .lap-table-row.C-cart-cols > *[b-emutfvklwy] {
    min-width: 0;
    padding: 0;
  }

  .C-cart-main-table .C-cart-check[b-emutfvklwy] {
    grid-column: 1;
    grid-row: 1 / 6;
    align-self: start;
    margin-top: var(--lap-1);
  }

  .C-cart-main-table .C-cart-product[b-emutfvklwy] { grid-row: 1; }
  .C-cart-main-table .C-cart-quantity[b-emutfvklwy] { grid-row: 2; }
  .C-cart-main-table .C-cart-packing[b-emutfvklwy] { grid-row: 3; }
  .C-cart-main-table .C-cart-availability[b-emutfvklwy] { grid-row: 4; }
  .C-cart-main-table .C-cart-amount[b-emutfvklwy] { grid-row: 5; }

  .C-cart-main-table .C-cart-product[b-emutfvklwy],
  .C-cart-main-table .C-cart-quantity[b-emutfvklwy],
  .C-cart-main-table .C-cart-packing[b-emutfvklwy],
  .C-cart-main-table .C-cart-availability[b-emutfvklwy],
  .C-cart-main-table .C-cart-amount[b-emutfvklwy] {
    grid-column: 2;
    display: grid;
    grid-template-columns: minmax(calc(var(--lap-1) * 18), .85fr) minmax(0, 1fr);
    align-items: center;
    justify-content: stretch;
    width: 100%;
    overflow: visible;
    color: var(--lap-text-main);
    text-align: left;
    white-space: normal;
  }

  /* 좁은 상품 정보 열에서도 + 버튼이 잘리지 않도록 장바구니 전용 S24 폭만 줄인다. */
  .C-cart-main-table .C-cart-quantity[b-emutfvklwy]  .C-cart-quantity-stepper {
    --lqs-button-size: calc(var(--lap-1) * 5);
    --lqs-input-size: calc(var(--lap-1) * 7);
    width: calc(var(--lap-1) * 17);
    max-width: calc(var(--lap-1) * 17);
    justify-self: start;
  }

  .C-cart-main-table .C-cart-quantity[b-emutfvklwy]  .C-cart-quantity-stepper .lqs-button span,
  .C-cart-main-table .C-cart-quantity[b-emutfvklwy]  .C-cart-quantity-stepper .lqs-button span::before {
    width: calc(var(--lap-1) * 2.5);
  }

  .C-cart-main-table .C-cart-product-button[b-emutfvklwy] {
    color: var(--lap-color-primary);
    justify-self: start;
    width: max-content;
    max-width: 100%;
    text-align: left;
    text-decoration: none;
  }

  .C-cart-main-table .C-cart-value[b-emutfvklwy] {
    display: flex;
    align-self: stretch;
    align-items: center;
    min-width: 0;
    min-height: calc(var(--lap-1) * 6);
    padding-left: var(--lap-3);
    border-left: 1px solid var(--lap-gray-200);
  }

  .C-cart-main-table .C-cart-availability-value[b-emutfvklwy],
  .C-ship-products-table .C-cart-availability-value[b-emutfvklwy] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--lap-1);
  }

  /* 출고여부 라벨은 칩의 첫 줄에 맞추고, 예정 문구가 놓인 두 번째 줄에는 빈 공간을 유지한다. */
  .C-cart-main-table .C-cart-availability[b-emutfvklwy],
  .C-ship-products-table .C-cart-availability[b-emutfvklwy] {
    align-items: start;
  }

  .C-cart-main-table .C-cart-availability-message[b-emutfvklwy],
  .C-ship-products-table .C-cart-availability-message[b-emutfvklwy] {
    white-space: normal;
  }

  .C-cart-main-table [data-label][b-emutfvklwy]::before {
    content: attr(data-label);
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-medium);
  }

  .C-cart-main-table .C-cart-mobile-actions[b-emutfvklwy] {
    grid-column: 3;
    grid-row: 1 / 6;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, auto);
    align-self: center;
    gap: var(--lap-2);
  }

  .C-cart-mobile-action[b-emutfvklwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--lap-1);
    padding: var(--lap-2) 0;
    border: 0;
    background: transparent;
    color: var(--lap-text-tertiary);
    font: inherit;
    font-size: var(--lap-text-size1);
    cursor: pointer;
  }

  .C-cart-mobile-action .lap-icon[b-emutfvklwy] {
    flex: 0 0 auto;
  }

  .C-cart-mobile-action.is-primary[b-emutfvklwy] {
    color: var(--lap-color-primary);
  }

  .C-cart-mobile-action:disabled[b-emutfvklwy] {
    opacity: .45;
    cursor: default;
  }

  .C-cart-main-table .C-cart-action[b-emutfvklwy] {
    display: none;
  }

  .C-cart-main-table > .C-cart-state[b-emutfvklwy] {
    display: flex !important;
    min-height: calc(var(--lap-1) * 18);
    align-items: center;
    justify-content: center;
  }

  .C-cart-main-table > .C-cart-state > div[b-emutfvklwy] {
    display: none;
  }

  .C-cart-main-table > .C-cart-state > div:nth-child(2)[b-emutfvklwy] {
    display: block;
    color: var(--lap-text-tertiary);
    text-align: center;
  }

  .C-ship-group[b-emutfvklwy] {
    padding: var(--lap-5);
    border-radius: var(--lap-r-xl);
  }

  .C-ship-header[b-emutfvklwy] {
    width: calc(100% + (var(--lap-5) * 2));
    padding: var(--lap-5);
    margin: calc(var(--lap-5) * -1);
    grid-template-columns: minmax(0, 1fr) auto auto var(--lap-5);
    gap: var(--lap-2);
    font-size: var(--lap-text-size2);
  }

  .C-ship-header > :nth-child(2)[b-emutfvklwy] {
    display: inline-flex;
  }

  .C-ship-header > :nth-child(4)[b-emutfvklwy],
  .C-ship-header > :nth-child(5)[b-emutfvklwy] {
    display: none;
  }

  .C-ship-body[b-emutfvklwy] {
    margin-top: var(--lap-5);
    padding-top: var(--lap-5);
  }

  .C-ship-section[b-emutfvklwy] {
    gap: var(--lap-4);
  }

  .C-ship-info-grid[b-emutfvklwy] {
    gap: var(--lap-3);
    font-size: var(--lap-text-size2);
  }

  .C-ship-info-recipient[b-emutfvklwy] { order: 1; }
  .C-ship-info-mobile[b-emutfvklwy] { order: 2; }
  .C-ship-info-phone[b-emutfvklwy] { order: 3; }
  .C-ship-info-zipcode[b-emutfvklwy] { order: 4; }
  .C-ship-info-address[b-emutfvklwy] { order: 5; }
  .C-ship-info-message[b-emutfvklwy] { order: 6; }

  .C-ship-products-table .C-ship-cart-cols[b-emutfvklwy] {
    grid-template-columns: calc(var(--lap-1) * 8) minmax(calc(var(--lap-1) * 12), 1.25fr) minmax(calc(var(--lap-1) * 9), .72fr) minmax(calc(var(--lap-1) * 7), .5fr) minmax(calc(var(--lap-1) * 11), .82fr) minmax(calc(var(--lap-1) * 12), .9fr) calc(var(--lap-1) * 8);
  }

  .C-ship-products-table .lap-table-head.C-ship-cart-cols > *[b-emutfvklwy],
  .C-ship-products-table .lap-table-row.C-ship-cart-cols > *[b-emutfvklwy] {
    padding: var(--lap-2) var(--lap-1);
    font-size: var(--lap-text-size1);
  }

  .C-mobile-cta[b-emutfvklwy] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    height: calc(var(--lap-1) * 33);
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
    background: var(--lap-white);
    box-shadow: 0 -4px 16px rgb(0 0 0 / 8%);
    overflow: hidden;
  }

  .C-cta-info[b-emutfvklwy] {
    position: relative;
    display: flex;
    flex: 0 0 calc(var(--lap-1) * 12);
    align-items: center;
    justify-content: center;
    gap: var(--lap-3);
    width: 100%;
    padding: var(--lap-2) var(--lap-5) 0;
    border: 0;
    background: var(--lap-white);
    color: var(--lap-text-main);
    font: inherit;
    font-size: var(--lap-text-size2);
    cursor: pointer;
  }

  .C-cta-info > .C-sheet-handle[b-emutfvklwy] {
    position: absolute;
    top: var(--lap-2);
    left: 50%;
    transform: translateX(-50%);
  }

  .C-cta-info > span:last-child[b-emutfvklwy] {
    color: var(--lap-text-tertiary);
  }

  .C-cta-button[b-emutfvklwy],
  .C-sheet-order-button[b-emutfvklwy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--lap-1) * 14);
    padding: 0 var(--lap-6);
    background: var(--lap-color-primary);
    color: var(--lap-white);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-medium);
    text-decoration: none;
  }

  .C-cta-button[aria-disabled="true"][b-emutfvklwy],
  .C-sheet-order-button[aria-disabled="true"][b-emutfvklwy],
  .C-cta-button.is-disabled[b-emutfvklwy],
  .C-sheet-order-button.is-disabled[b-emutfvklwy] {
    background: var(--lap-color-primary);
    color: var(--lap-white);
    cursor: not-allowed;
    opacity: .55;
    pointer-events: none;
  }

  .C-cta-button .lap-icon[b-emutfvklwy],
  .C-sheet-order-button .lap-icon[b-emutfvklwy] {
    position: absolute;
    right: var(--lap-6);
  }

  .C-mobile-order-guide[b-emutfvklwy],
  .C-sheet-order-guide[b-emutfvklwy] {
    display: flex;
    flex: 0 0 calc(var(--lap-1) * 5);
    align-items: center;
    justify-content: center;
    padding: 0 var(--lap-4);
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
    text-align: center;
  }

  .C-bottom-sheet[b-emutfvklwy] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
    display: block;
    height: min(calc(var(--lap-1) * 180), calc(100dvh - max(calc(var(--lap-1) * 16), env(safe-area-inset-top))));
    max-height: calc(100dvh - max(calc(var(--lap-1) * 16), env(safe-area-inset-top)));
    overflow: hidden;
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
    background: var(--lap-white);
    transform: translateY(100%);
    transition: transform 280ms cubic-bezier(.22, 1, .36, 1);
  }

  .C-bottom-sheet.is-open[b-emutfvklwy] {
    transform: translateY(0);
  }

  .C-sheet[b-emutfvklwy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  .C-sheet-grabber[b-emutfvklwy] {
    position: relative;
    display: flex;
    flex: 0 0 clamp(calc(var(--lap-1) * 6), 5dvh, calc(var(--lap-1) * 9));
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    border: 0;
    background: var(--lap-white);
    cursor: pointer;
  }

  .C-sheet-handle[b-emutfvklwy] {
    display: block;
    width: calc(var(--lap-1) * 9);
    height: var(--lap-1);
    border-radius: var(--lap-r-max);
    background: var(--lap-gray-300);
  }

  .C-sheet-close-icon[b-emutfvklwy] {
    position: absolute;
    right: var(--lap-5);
    color: var(--lap-text-tertiary);
  }

  .C-sheet-scroll[b-emutfvklwy] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: clamp(var(--lap-1), 1.4dvh, var(--lap-5));
    min-height: 0;
    padding: 0 clamp(var(--lap-4), 5vw, var(--lap-6)) clamp(var(--lap-2), 1.5dvh, var(--lap-6));
    overflow-y: auto;
    overscroll-behavior: contain;
    font-size: clamp(var(--lap-text-size1), calc(9px + .65dvh), var(--lap-text-size2));
    line-height: 1.35;
  }

  .C-sheet-order-button[b-emutfvklwy] {
    flex: 0 0 clamp(calc(var(--lap-1) * 12), 8dvh, calc(var(--lap-1) * 14));
    min-height: 0;
  }

  .C-sheet-scroll .C-sheet-section[b-emutfvklwy] {
    gap: clamp(var(--lap-1), 1dvh, var(--lap-3));
  }

  .C-sheet-scroll .C-title[b-emutfvklwy] {
    margin-bottom: 0;
    font-size: clamp(var(--lap-text-size3), calc(12px + .8dvh), var(--lap-text-size4));
  }

  .C-sheet-scroll .C-check-list[b-emutfvklwy] {
    gap: clamp(2px, .6dvh, var(--lap-2));
    font-size: inherit;
  }

  .C-sheet-scroll[b-emutfvklwy]  .lc-root {
    --lc-gap: clamp(var(--lap-1), .8dvh, var(--lap-2));
    --lc-text-size: clamp(11px, calc(8px + .65dvh), var(--lap-text-size2));
  }

  .C-sheet-scroll[b-emutfvklwy]  .lb-root.lb-s32 {
    height: clamp(calc(var(--lap-1) * 7), 4.8dvh, var(--lap-8));
    font-size: clamp(var(--lap-text-size1), calc(9px + .5dvh), var(--lap-text-size2));
  }

}

@media (max-width: 767.98px) and (max-height: 620px) {
  .C-sheet-scroll[b-emutfvklwy] {
    gap: var(--lap-1);
    padding-bottom: var(--lap-1);
    font-size: 11px;
    line-height: 1.25;
  }

  .C-sheet-scroll .C-sheet-section[b-emutfvklwy] {
    gap: 3px;
  }

  .C-sheet-scroll .C-check-list[b-emutfvklwy] {
    gap: 1px;
  }

  .C-sheet-scroll[b-emutfvklwy]  .lc-root {
    --lc-text-size: 11px;
    --lc-gap: var(--lap-1);
  }
}

@media (min-width: 768px) {
  .C-bottom-sheet[b-emutfvklwy],
  .C-sheet-backdrop[b-emutfvklwy] {
    display: none !important;
  }
}


/* =========================
   PC Sidebar 카드 스타일
========================= */

.C-side-card[b-emutfvklwy] {
  padding: var(--lap-5);
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
}

.C-order-write-guide[b-emutfvklwy] {
  margin: 0;
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  line-height: 1.4;
  text-align: center;
}

/* 카드 간격 */
.C-sidebar[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

/* 제목 */
.C-side-title[b-emutfvklwy] {
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-bold);
  margin-bottom: var(--lap-2);
}

/* 주소 */
.C-address[b-emutfvklwy] {
  text-align: right;
  line-height: 1.5;
}

/* 안내 탭 */
.C-guide-tabs[b-emutfvklwy] {
  display: flex;
  justify-content: space-between;
  font-weight: var(--lap-fw-semibold);
}

  .C-guide-tabs i[b-emutfvklwy] {
    font-style: normal;
    margin-left: 4px;
    color: var(--lap-gray-400);
  }

/* 리스트 */
.C-check-list[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size2);
}


/* 버튼 */
.C-detail-btn[b-emutfvklwy] {
  margin-top: var(--lap-2);
  background: var(--lap-gray-300);
  border-radius: var(--lap-r-md);
  padding: var(--lap-3);
  width: 100%;
}

/* 합계 강조 */
.C-total span:last-child[b-emutfvklwy] {
  color: var(--lap-danger-500);
  font-weight: var(--lap-fw-bold);
}


@media (max-width: 1600px) {

  .C-layout .row.g-3.align-items-center > div[b-emutfvklwy] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .C-delivery-selection-toolbar[b-emutfvklwy] {
    align-items: stretch;
    flex-direction: column;
  }

  .C-delivery-summary-message[b-emutfvklwy] {
    order: 2;
    flex: 0 0 auto;
    width: 100%;
  }

  .C-delivery-selection-actions[b-emutfvklwy] {
    order: 1;
  }

  /* 버튼을 오른쪽으로 */
  .C-table-actions[b-emutfvklwy] {
    justify-content: flex-end;
    margin-top: var(--lap-2);
  }
}

@media (max-width: 576px) {
  .C-recipient-label[b-emutfvklwy] {
    display: none;
  }
}

@media (max-width: 360px) {
  .C-delivery-summary-copy[b-emutfvklwy] {
    flex-basis: 100%;
  }
}

.C-check-list .lc-root[b-emutfvklwy] {
  pointer-events: none;
}

/* 배송정보 2열 */
.C-ship-info-grid[b-emutfvklwy] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
}

/* 하단 레이아웃 */
.C-ship-footer[b-emutfvklwy] {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

/* 왼쪽 영역 */
.C-ship-footer-left[b-emutfvklwy] {
  flex: 1;
}

/* 경고 박스 */
.C-warning[b-emutfvklwy] {
  background: #f7eddc;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* 배송방법 */
.C-delivery[b-emutfvklwy] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 우측 금액 카드 */
.C-summary-card[b-emutfvklwy] {
  width: 260px;
  border: 1px solid var(--lap-gray-200);
  border-radius: 12px;
  padding: 16px;
  background: #fff;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .C-ship-footer[b-emutfvklwy] {
    flex-direction: column;
  }

  .C-summary-card[b-emutfvklwy] {
    width: 100%;
  }
}

/* 모바일 배송처는 인라인 토글로 열고, 좁은 폭에서만 상품 표가 가로 스크롤되도록 한다. */
@media (max-width: 767.98px) {
  .C-ship-group[b-emutfvklwy] {
    scroll-margin-top: calc(var(--lap-1) * 14);
  }

  .C-ship-header-desktop[b-emutfvklwy] {
    display: none;
  }

  .C-ship-header-mobile-shell[b-emutfvklwy] {
    display: grid;
    grid-template-columns: calc(var(--lap-1) * 10) minmax(0, 1fr);
    align-items: stretch;
    width: calc(100% + (var(--lap-5) * 2));
    margin: calc(var(--lap-5) * -1);
  }

  .C-ship-select-mobile[b-emutfvklwy] {
    align-self: stretch;
    border-radius: var(--lap-r-xl) 0 0 var(--lap-r-xl);
  }

  .C-ship-header-mobile[b-emutfvklwy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto var(--lap-5);
    grid-template-rows: repeat(2, auto);
    align-items: center;
    width: 100%;
    padding: var(--lap-5) var(--lap-5) var(--lap-5) 0;
    margin: 0;
    border: 0;
    border-radius: var(--lap-r-xl);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--lap-text-size2);
    text-align: left;
    cursor: pointer;
  }

  .C-mobile-ship-recipient[b-emutfvklwy] {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .C-mobile-ship-status[b-emutfvklwy] {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    justify-self: end;
  }

  .C-ship-header-mobile > .C-accordion-icon[b-emutfvklwy] {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .C-ship-header-mobile > .C-mobile-ship-meta[b-emutfvklwy] {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--lap-3);
    min-width: 0;
    padding-top: var(--lap-1);
  }

  .C-mobile-ship-take-method[b-emutfvklwy] {
    display: inline-flex;
    margin-right: auto;
  }

  .C-mobile-ship-count[b-emutfvklwy],
  .C-mobile-ship-amount[b-emutfvklwy] {
    white-space: nowrap;
  }

  .C-ship-header-mobile-shell:hover[b-emutfvklwy] {
    border-radius: var(--lap-r-xl);
  }

  .C-ship-header-mobile-shell.is-open:hover[b-emutfvklwy] {
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
  }

  .C-ship-header-mobile .C-accordion-icon[b-emutfvklwy] {
    display: inline-flex;
    margin-left: 0;
  }

  .C-ship-header-mobile.is-open[b-emutfvklwy] {
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
  }

  .C-ship-info-grid[b-emutfvklwy] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lap-2);
  }

  .C-order-products-head > span:first-child[b-emutfvklwy] {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .C-match-release-label-desktop[b-emutfvklwy] {
    display: none;
  }

  .C-match-release-label-mobile[b-emutfvklwy] {
    display: inline;
  }

  .C-ship-products-table[b-emutfvklwy] {
    overflow-x: hidden;
    padding: 0;
  }

  .C-ship-products-table > .lap-table-head[b-emutfvklwy] {
    display: none;
  }

  .C-ship-products-table .C-ship-cart-cols[b-emutfvklwy] {
    min-width: 0;
  }

  .C-ship-products-table > .lap-table-row.C-ship-cart-cols[b-emutfvklwy] {
    position: relative;
    display: grid;
    grid-template-columns: var(--lap-4) minmax(0, 1fr) calc(var(--lap-1) * 12);
    grid-template-rows: repeat(5, minmax(calc(var(--lap-1) * 6), auto));
    column-gap: var(--lap-3);
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: var(--lap-5) var(--lap-4);
    text-align: left;
    justify-items: stretch;
  }

  .C-ship-products-table > .lap-table-row.C-ship-cart-cols:last-child[b-emutfvklwy] {
    padding-bottom: var(--lap-5);
    border-bottom: 0;
  }

  .C-ship-products-table > .lap-table-row.C-ship-cart-cols > *[b-emutfvklwy] {
    min-width: 0;
    padding: 0;
  }

  .C-ship-products-table .C-cart-check[b-emutfvklwy] {
    grid-column: 1;
    grid-row: 1 / 6;
    align-self: start;
    margin-top: var(--lap-1);
  }

  .C-ship-products-table .C-cart-product[b-emutfvklwy] { grid-row: 1; }
  .C-ship-products-table .C-cart-quantity[b-emutfvklwy] { grid-row: 2; }
  .C-ship-products-table .C-cart-packing[b-emutfvklwy] { grid-row: 3; }
  .C-ship-products-table .C-cart-availability[b-emutfvklwy] { grid-row: 4; }
  .C-ship-products-table .C-cart-amount[b-emutfvklwy] { grid-row: 5; }

  .C-ship-products-table .C-cart-product[b-emutfvklwy],
  .C-ship-products-table .C-cart-quantity[b-emutfvklwy],
  .C-ship-products-table .C-cart-packing[b-emutfvklwy],
  .C-ship-products-table .C-cart-availability[b-emutfvklwy],
  .C-ship-products-table .C-cart-amount[b-emutfvklwy] {
    grid-column: 2;
    display: grid;
    grid-template-columns: minmax(calc(var(--lap-1) * 18), .85fr) minmax(0, 1fr);
    align-items: center;
    width: 100%;
    color: var(--lap-text-main);
    text-align: left;
    white-space: normal;
  }

  .C-ship-products-table .C-cart-value[b-emutfvklwy] {
    display: flex;
    align-self: stretch;
    align-items: center;
    min-width: 0;
    min-height: calc(var(--lap-1) * 6);
    padding-left: var(--lap-3);
    border-left: 1px solid var(--lap-gray-200);
  }

  /* 뒤쪽의 배송처 카드 규칙이 출고 상태 정렬을 다시 가운데로 덮지 않도록 마지막에 확정한다. */
  .C-ship-products-table .C-cart-availability[b-emutfvklwy] {
    align-items: start;
  }

  .C-ship-products-table .C-cart-availability-value[b-emutfvklwy] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--lap-1);
    white-space: normal;
  }

  .C-ship-products-table [data-label][b-emutfvklwy]::before {
    content: attr(data-label);
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-medium);
  }

  .C-ship-products-table .C-cart-product-button[b-emutfvklwy] {
    justify-self: start;
    width: max-content;
    max-width: 100%;
    color: var(--lap-color-primary);
    text-align: left;
    overflow-wrap: anywhere;
  }

  .C-ship-products-table .C-cart-action[b-emutfvklwy] {
    grid-column: 3;
    grid-row: 1 / 6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--lap-1);
    align-self: center;
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
  }

  .C-ship-products-table .C-ship-mobile-action-label[b-emutfvklwy] {
    display: inline;
    white-space: nowrap;
  }
}

@media (max-width: 359.98px) {
  .C-ship-products-table > .lap-table-row.C-ship-cart-cols[b-emutfvklwy] {
    font-size: calc(var(--lap-text-size1) - 2px);
  }
}
/* /Components/Pages/Cart/Order.razor.rz.scp.css */
/* =========================================
   Order
   Prefix: o-
   ========================================= */

/* ===============================
   Layout
   =============================== */

.o-root[b-vtep4rnmzo] {
    width: 100%;
    min-width: 0;
}

.o-summary-sticky[b-vtep4rnmzo] {
    position: sticky;
    top: var(--lap-4);
    z-index: 1;
}

/* ===============================
   Section
   =============================== */

.o-section + .o-section[b-vtep4rnmzo] {
    margin-top: var(--lap-4);
}

/* 주문서에서는 장바구니에서 확정한 배송처 스냅샷을 읽기 전용 토글로만 보여 준다. */
.o-group[b-vtep4rnmzo] { overflow: hidden; padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.o-group + .o-group[b-vtep4rnmzo] { margin-top: var(--lap-3); }
.o-group-head[b-vtep4rnmzo] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(max-content, .8fr) minmax(max-content, .55fr) minmax(max-content, 1fr) var(--lap-5); align-items: center; width: calc(100% + (var(--lap-4) * 2)); gap: var(--lap-3); padding: var(--lap-4); margin: calc(var(--lap-4) * -1); color: var(--lap-text-main); background: transparent; border: 0; border-radius: var(--lap-r-lg); text-align: left; cursor: pointer; transition: background-color var(--lap-motion-fast) ease; }
.o-group-head-mobile[b-vtep4rnmzo] { display: none; }
.o-group-head:hover .o-group-arrow[b-vtep4rnmzo] { color: var(--lap-color-primary); }
.o-group-destination[b-vtep4rnmzo] { display: flex; flex-direction: column; min-width: 0; gap: var(--lap-1); }
.o-group-address[b-vtep4rnmzo] { overflow: hidden; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-regular); text-overflow: ellipsis; white-space: nowrap; }
.o-group-head > span:nth-child(2)[b-vtep4rnmzo] { color: var(--lap-text-secondary); font-size: var(--lap-text-size1); }
.o-group-arrow[b-vtep4rnmzo] { transition: transform .2s ease; }
.o-group-arrow.is-open[b-vtep4rnmzo] { transform: rotate(180deg); }
.o-group-body[b-vtep4rnmzo] { margin-top: var(--lap-4); padding-top: var(--lap-4); border-top: 1px solid var(--lap-gray-200); }
.o-group-section + .o-group-section[b-vtep4rnmzo] { margin-top: var(--lap-5); }
.o-group-title[b-vtep4rnmzo] { display: flex; justify-content: space-between; align-items: center; gap: var(--lap-3); font-weight: var(--lap-fw-semibold); }
.o-group-info[b-vtep4rnmzo] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lap-2) var(--lap-6); margin-top: var(--lap-3); color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.o-items[b-vtep4rnmzo] { margin-top: var(--lap-3); overflow-x: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); }
/* 제품 열이 남는 폭을 가장 많이 사용하되 모든 열이 함께 줄어 토글 안에 가로 스크롤이 생기지 않게 한다. */
.o-item-cols[b-vtep4rnmzo] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, .7fr) minmax(0, .55fr) minmax(0, 1.4fr) minmax(0, .9fr); gap: var(--lap-2); width: 100%; min-width: 0; align-items: center; }
.o-item-cols[b-vtep4rnmzo] { justify-items: center; text-align: center; }
.o-items > .lap-table-head.o-item-cols > *[b-vtep4rnmzo], .o-items > .lap-table-row.o-item-cols > *[b-vtep4rnmzo] { width: 100%; min-width: 0; padding: var(--lap-2) var(--lap-1); text-align: center; overflow-wrap: anywhere; }
.o-item-value[b-vtep4rnmzo] { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; }
.o-product-button[b-vtep4rnmzo] { max-width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; color: var(--lap-color-primary); font: inherit; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.o-product-tooltip-image-wrap[b-vtep4rnmzo] { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: var(--lap-r-lg); background: var(--lap-white); }
.o-product-tooltip-image[b-vtep4rnmzo] { display: block; width: 100%; height: 100%; object-fit: contain; }
.o-items > .lap-table-row:hover[b-vtep4rnmzo] { background: var(--lap-gray-100); }
/* 출고 상태는 칩 오른쪽에 안내 문구를 두고, 모바일에서만 두 줄로 전환한다. */
.o-availability[b-vtep4rnmzo], .o-availability-value[b-vtep4rnmzo] { display: flex; align-items: center; justify-content: center; gap: var(--lap-3); min-width: 0; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); text-align: left; white-space: nowrap; }
.o-group-footer[b-vtep4rnmzo] { display: flex; justify-content: space-between; gap: var(--lap-6); margin-top: var(--lap-4); }
.o-group-footer-left[b-vtep4rnmzo] { flex: 1; }
.o-group-summary-card[b-vtep4rnmzo] { width: calc(var(--lap-1) * 65); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.o-group-summary-line[b-vtep4rnmzo] { display: flex; justify-content: space-between; gap: var(--lap-3); margin-bottom: var(--lap-2); color: var(--lap-text-secondary); }
.o-group-summary-line strong[b-vtep4rnmzo] { color: var(--lap-text-main); }
.o-group-summary-total[b-vtep4rnmzo] { margin-top: var(--lap-3); margin-bottom: 0; color: var(--lap-danger-500); font-weight: var(--lap-fw-bold); }
.o-group-summary-total strong[b-vtep4rnmzo] { color: var(--lap-danger-500); }

/* ===============================
   Orderer Info
   =============================== */

.o-info-list[b-vtep4rnmzo] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.o-info-row[b-vtep4rnmzo] {
    display: flex;
    align-items: flex-start;
    gap: var(--lap-1);
    min-width: 0;
    color: var(--lap-text-main);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal);
}

.o-info-label[b-vtep4rnmzo] {
    flex: 0 0 auto;
    font-weight: var(--lap-fw-semibold);
}

    .o-info-label[b-vtep4rnmzo]::after {
        content: " :";
    }

.o-info-value[b-vtep4rnmzo] {
    min-width: 0;
    font-weight: var(--lap-fw-medium);
}

/* ===============================
   Coupon
   =============================== */

.o-coupon-notice[b-vtep4rnmzo],
.o-coupon-empty[b-vtep4rnmzo] {
    margin: 0;
    color: var(--lap-text-secondary);
}

.o-coupon-notice strong[b-vtep4rnmzo] {
    color: var(--lap-information-500);
}

.o-coupon-card[b-vtep4rnmzo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, .8fr);
    align-items: center;
    gap: var(--lap-4);
    height: 100%;
    padding: var(--lap-5);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.o-coupon-copy[b-vtep4rnmzo] { min-width: 0; }
.o-coupon-discount[b-vtep4rnmzo] { margin-bottom: var(--lap-2); color: var(--lap-text-main); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-bold); }
.o-coupon-title[b-vtep4rnmzo] { margin-bottom: var(--lap-2); color: var(--lap-text-main); overflow-wrap: anywhere; }
.o-coupon-meta[b-vtep4rnmzo] { color: var(--lap-text-muted); font-size: var(--lap-text-size1); }
.o-coupon-meta + .o-coupon-meta[b-vtep4rnmzo] { margin-top: var(--lap-1); }
.o-coupon-image-wrap[b-vtep4rnmzo] { display: flex; align-items: center; min-width: 0; }
.o-coupon-image[b-vtep4rnmzo] { display: block; width: 100%; height: auto; object-fit: contain; }
.o-group-coupon-select[b-vtep4rnmzo] { width: 100%; max-width: calc(var(--lap-1) * 105); margin-top: var(--lap-3); }
.o-group-coupon p[b-vtep4rnmzo] { margin: var(--lap-2) 0 0; color: var(--lap-text-muted); font-size: var(--lap-text-size1); }

/* ===============================
   Payment
   =============================== */

.o-payment-list[b-vtep4rnmzo] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

/* 무통장 입금 상세 카드 */
/*.o-bank-box {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    width: 100%;
    margin-left: calc(var(--lap-5) + var(--lap-2));
    padding: var(--lap-5);
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-lg);
}*/

/* 무통장 입금 상세 카드 */
.o-bank-box[b-vtep4rnmzo] {
    --o-bank-offset: calc(var(--lap-5) + var(--lap-2));
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    width: calc(100% - var(--o-bank-offset));
    max-width: calc(100% - var(--o-bank-offset));
    margin-left: var(--o-bank-offset);
    box-sizing: border-box;
    padding: var(--lap-5);
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-lg);
}
.o-bank-row[b-vtep4rnmzo] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: var(--lap-4);
    min-width: 0;
}

.o-bank-label[b-vtep4rnmzo] {
    color: var(--lap-text-main);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
    line-height: var(--lap-lh-normal);
}

.o-bank-value[b-vtep4rnmzo] {
    min-width: 0;
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal);
}

.o-bank-depositor[b-vtep4rnmzo] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.o-bank-input-row[b-vtep4rnmzo] {
    align-items: flex-start;
}

    .o-bank-input-row .o-bank-label[b-vtep4rnmzo] {
        display: flex;
        align-items: center;
        min-height: var(--lap-9);
    }

.o-bank-notice[b-vtep4rnmzo] {
    margin: 0;
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size1);
    line-height: var(--lap-lh-normal);
    word-break: keep-all;
}

/* ===============================
   Summary
   =============================== */

.o-summary-card[b-vtep4rnmzo] {
    width: 100%;
}

.o-summary-head[b-vtep4rnmzo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
}

.o-summary-list[b-vtep4rnmzo] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

.o-summary-row[b-vtep4rnmzo],
.o-total-row[b-vtep4rnmzo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    min-width: 0;
}


.o-summary-row[b-vtep4rnmzo] {
    color: var(--lap-text-main);
    font-size: var(--lap-text-size2);
}

    .o-summary-row strong[b-vtep4rnmzo] {
        flex: 0 0 auto;
        color: var(--lap-text-primary);
        font-weight: var(--lap-fw-semibold);
    }

.o-fee-label[b-vtep4rnmzo] {
    display: inline-flex;
    align-items: center;
    gap: var(--lap-1);
}

.o-help-button[b-vtep4rnmzo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--lap-5);
    height: var(--lap-5);
    color: var(--lap-text-disabled);
    background: transparent;
    border: 0;
    border-radius: var(--lap-r-max);
    cursor: pointer;
}

    .o-help-button:hover[b-vtep4rnmzo] {
        color: var(--lap-color-primary);
        background: var(--lap-primary-50);
    }

.o-total-row[b-vtep4rnmzo] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size3);
    font-weight: var(--lap-fw-semibold);
}
.o-total[b-vtep4rnmzo] {
    color: var(--lap-danger-500);
    /*    font-weight: var(--lap-fw-bold);*/
}
    .o-total-row strong[b-vtep4rnmzo] {
        font-size: var(--lap-text-size4);
        font-weight: var(--lap-fw-bold);
    }

.o-submit-wrap[b-vtep4rnmzo] {
    margin-top: var(--lap-4);
}

/* ===============================
   Responsive
   =============================== */

@media (max-width: 1199.98px) {
    .o-summary-sticky[b-vtep4rnmzo] {
        position: static;
    }

    .o-submit-wrap[b-vtep4rnmzo] {
        margin-top: var(--lap-3);
    }
}

@media (max-width: 767.98px) {
	.o-coupon-card[b-vtep4rnmzo] { grid-template-columns: minmax(0, 1fr); }
	.o-coupon-image-wrap[b-vtep4rnmzo] { justify-content: center; }
    .o-group[b-vtep4rnmzo] { padding: var(--lap-5); border-radius: var(--lap-r-xl); scroll-margin-top: calc(var(--lap-1) * 14); }
    .o-group-head-desktop[b-vtep4rnmzo] { display: none; }
    .o-group-head-mobile[b-vtep4rnmzo] { display: grid; grid-template-columns: minmax(0, 1fr) var(--lap-5); grid-template-rows: repeat(2, auto); width: calc(100% + (var(--lap-5) * 2)); gap: var(--lap-2); padding: var(--lap-5); margin: calc(var(--lap-5) * -1); border-radius: var(--lap-r-xl); font-size: var(--lap-text-size2); }
    .o-group-head-mobile.is-open[b-vtep4rnmzo] { border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0; }
    .o-group-head-mobile .o-group-destination[b-vtep4rnmzo] { grid-column: 1; grid-row: 1; overflow: hidden; }
    .o-group-head-mobile > .o-group-arrow[b-vtep4rnmzo] { grid-column: 2; grid-row: 1; justify-self: end; margin-left: 0; }
    .o-group-mobile-meta[b-vtep4rnmzo] { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; justify-content: flex-end; gap: var(--lap-3); min-width: 0; padding-top: var(--lap-1); }
    .o-group-mobile-meta .o-group-take[b-vtep4rnmzo] { margin-right: auto; }
    .o-group-mobile-meta > *[b-vtep4rnmzo] { white-space: nowrap; }
    .o-group-body[b-vtep4rnmzo] { margin-top: var(--lap-5); padding-top: var(--lap-5); }
    .o-group-info[b-vtep4rnmzo] { grid-template-columns: minmax(0, 1fr); gap: var(--lap-2); }
    /* 주문서 토글의 상품 목록도 장바구니와 같은 항목명·값 카드 구조로 전환한다. */
    .o-items[b-vtep4rnmzo] { overflow: visible; }
    .o-items > .lap-table-head[b-vtep4rnmzo] { display: none; }
    .o-items > .lap-table-row.o-item-cols[b-vtep4rnmzo] { display: grid; grid-template-columns: 1fr; gap: 0; width: 100%; padding: var(--lap-5) var(--lap-4); text-align: left; }
    .o-items > .lap-table-row.o-item-cols > *[b-vtep4rnmzo] { display: grid; grid-template-columns: minmax(calc(var(--lap-1) * 18), .85fr) minmax(0, 1fr); align-items: center; min-height: calc(var(--lap-1) * 6); padding: 0; color: var(--lap-text-main); text-align: left; }
    .o-items > .lap-table-row.o-item-cols > *[b-vtep4rnmzo]::before { content: attr(data-label); color: var(--lap-text-main); font-weight: var(--lap-fw-medium); }
    .o-items .o-item-value[b-vtep4rnmzo] { display: flex; align-self: stretch; align-items: center; justify-content: flex-start; min-width: 0; min-height: calc(var(--lap-1) * 6); padding-left: var(--lap-3); border-left: 1px solid var(--lap-gray-200); text-align: left; }
    .o-items .o-availability[b-vtep4rnmzo] { align-items: start; gap: 0; }
    .o-items .o-availability-value[b-vtep4rnmzo] { flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--lap-1); white-space: normal; }
    .o-group-footer[b-vtep4rnmzo] { flex-direction: column; }
    .o-group-summary-card[b-vtep4rnmzo] { width: 100%; }
    .o-section[b-vtep4rnmzo] {
        padding: var(--lap-5) !important;
    }

    /* 배송처 토글 영역은 장바구니와 같은 본문 폭을 사용하고 카드 자체 여백만 유지한다. */
    .o-order-groups-section[b-vtep4rnmzo] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        .o-section + .o-section[b-vtep4rnmzo] {
            margin-top: var(--lap-3);
        }

    .o-info-row[b-vtep4rnmzo] {
        flex-direction: column;
        gap: 0;
    }

    .o-info-label[b-vtep4rnmzo]::after {
        content: "";
    }

    .o-summary-head[b-vtep4rnmzo] {
        align-items: flex-start;
        flex-direction: column;
    }

        .o-summary-head .lb-root[b-vtep4rnmzo] {
            width: 100%;
        }

    .o-bank-box[b-vtep4rnmzo] {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding: var(--lap-4);
    }

    .o-bank-row[b-vtep4rnmzo] {
        grid-template-columns: 1fr;
        gap: var(--lap-1);
    }

    .o-bank-input-row .o-bank-label[b-vtep4rnmzo] {
        min-height: auto;
    }

}
/* /Components/Pages/Cart/OrderComplete.razor.rz.scp.css */
/* =========================================
   OrderComplete
   Prefix: oc-
   ========================================= */

.oc-root[b-tvkqeagyex] {
    width: 100%;
    max-width: calc(var(--lap-1) * 300);
    min-width: 0;
    margin-right: auto;
    margin-left: auto;
}

/* ===============================
   Hero
   =============================== */

.oc-hero[b-tvkqeagyex] {
    padding: var(--lap-10) 0 var(--lap-7);
}

.oc-hero-inner[b-tvkqeagyex] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lap-5);
    text-align: center;
}

.oc-title[b-tvkqeagyex] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size5);
    line-height: var(--lap-lh-tight);
}

.oc-desc[b-tvkqeagyex] {
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal-xl);
    word-break: keep-all;
}

.oc-actions[b-tvkqeagyex] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--lap-3);
    width: 100%;
}

/* ===============================
   Section
   =============================== */

.oc-section[b-tvkqeagyex] {
    margin-top: var(--lap-6);
}

    .oc-section + .oc-section[b-tvkqeagyex] {
        margin-top: var(--lap-8);
    }

.oc-section-head[b-tvkqeagyex] {
    display: flex;
    align-items: center;
    margin-bottom: var(--lap-3);
}

.oc-section-title[b-tvkqeagyex] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size3);
}

/* ===============================
   Info Panel
   =============================== */

.oc-info-panel[b-tvkqeagyex] {
    overflow: hidden;
    border-color: var(--lap-gray-300);
}

.oc-info-cell[b-tvkqeagyex] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--lap-2);
    min-height: calc(var(--lap-1) * 18);
    padding: var(--lap-5);
}

.oc-label[b-tvkqeagyex] {
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
    font-weight: var(--lap-fw-medium);
}

.oc-value[b-tvkqeagyex] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
    line-height: var(--lap-lh-normal-plus);
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.oc-price[b-tvkqeagyex] {
    font-weight: var(--lap-fw-bold);
}

.oc-account-cell .oc-value[b-tvkqeagyex] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--lap-2);
}

.oc-copy-button[b-tvkqeagyex] {
    flex: 0 0 auto;
}

.oc-single-order[b-tvkqeagyex] { overflow: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.oc-payment-sms-card[b-tvkqeagyex] { display: flex; flex-direction: column; gap: var(--lap-4); padding: var(--lap-5); border-color: var(--lap-gray-300); }
.oc-payment-sms-summary[b-tvkqeagyex] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-4); }
.oc-payment-sms-summary > div[b-tvkqeagyex] { display: flex; flex-direction: column; gap: var(--lap-2); min-width: 0; }
.oc-payment-sms-summary span[b-tvkqeagyex] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); }
.oc-payment-sms-summary strong[b-tvkqeagyex] { color: var(--lap-text-primary); font-size: var(--lap-text-size2); overflow-wrap: anywhere; }
.oc-payment-sms-description[b-tvkqeagyex] { margin: 0; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); }
.oc-payment-sms-form[b-tvkqeagyex] { display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: end; gap: var(--lap-3); }
.oc-order[b-tvkqeagyex] { margin-top: var(--lap-3); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); overflow: hidden; background: var(--lap-white); }
.oc-order-head[b-tvkqeagyex] { width: calc(100% + (var(--lap-4) * 2)); display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(max-content, .8fr) minmax(max-content, .55fr) minmax(max-content, 1fr) var(--lap-5); align-items: center; gap: var(--lap-3); padding: var(--lap-4); margin: calc(var(--lap-4) * -1); border: 0; border-radius: var(--lap-r-lg); background: transparent; color: var(--lap-text-primary); text-align: left; cursor: pointer; transition: background-color var(--lap-motion-fast) ease; }
.oc-order-head-mobile[b-tvkqeagyex] { display: none; }
.oc-order-head:hover .oc-order-arrow[b-tvkqeagyex] { color: var(--lap-color-primary); }
.oc-order-head > strong[b-tvkqeagyex] { color: var(--lap-primary); }
.oc-order-destination[b-tvkqeagyex] { display: flex; flex-direction: column; min-width: 0; gap: var(--lap-1); }
.oc-order-address[b-tvkqeagyex] { overflow: hidden; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-regular); text-overflow: ellipsis; white-space: nowrap; }
.oc-order-take[b-tvkqeagyex] { color: var(--lap-text-secondary); font-size: var(--lap-text-size1); }
.oc-order-arrow[b-tvkqeagyex] { transition: transform var(--lap-motion-fast) ease; }
.oc-order-arrow.is-open[b-tvkqeagyex] { transform: rotate(180deg); }
.oc-order-body[b-tvkqeagyex] { margin-top: var(--lap-4); padding-top: var(--lap-4); border-top: 1px solid var(--lap-gray-200); }
@media (max-width: 767.98px) {
    .oc-order[b-tvkqeagyex] { padding: var(--lap-5); border-radius: var(--lap-r-xl); scroll-margin-top: calc(var(--lap-1) * 14); }
    .oc-order-head-desktop[b-tvkqeagyex] { display: none; }
    .oc-order-head-mobile[b-tvkqeagyex] { display: grid; grid-template-columns: minmax(0, 1fr) var(--lap-5); grid-template-rows: repeat(2, auto); width: calc(100% + (var(--lap-5) * 2)); gap: var(--lap-2); padding: var(--lap-5); margin: calc(var(--lap-5) * -1); border-radius: var(--lap-r-xl); font-size: var(--lap-text-size2); }
    .oc-order-head-mobile.is-open[b-tvkqeagyex] { border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0; }
    .oc-order-head-mobile .oc-order-destination[b-tvkqeagyex] { grid-column: 1; grid-row: 1; overflow: hidden; }
    .oc-order-head-mobile > .oc-order-arrow[b-tvkqeagyex] { grid-column: 2; grid-row: 1; justify-self: end; margin-left: 0; }
    .oc-order-body[b-tvkqeagyex]  .ocb-root { padding: 0; }
    .oc-order-mobile-meta[b-tvkqeagyex] { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; justify-content: flex-end; gap: var(--lap-3); min-width: 0; padding-top: var(--lap-1); }
    .oc-order-mobile-meta .oc-order-take[b-tvkqeagyex] { margin-right: auto; }
    .oc-order-mobile-meta > *[b-tvkqeagyex] { white-space: nowrap; }
    .oc-order-body[b-tvkqeagyex] { margin-top: var(--lap-5); padding-top: var(--lap-5); }
    .oc-payment-sms-card[b-tvkqeagyex] { padding: var(--lap-4); }
    .oc-payment-sms-summary[b-tvkqeagyex] { grid-template-columns: 1fr; }
    .oc-payment-sms-form[b-tvkqeagyex] { grid-template-columns: 1fr; align-items: stretch; }
    .oc-payment-sms-form .lb-root[b-tvkqeagyex] { width: 100%; }
}

/* ===============================
   Card Lines
   =============================== */

.oc-info-col[b-tvkqeagyex] {
    border-top: 1px solid var(--lap-gray-200);
}

    .oc-info-col:nth-child(-n + 2)[b-tvkqeagyex] {
        border-top: 0;
    }

@media (min-width: 768px) {
    .oc-info-col:nth-child(2n)[b-tvkqeagyex] {
        border-left: 1px solid var(--lap-gray-200);
    }

    .oc-info-col:nth-child(2n + 1)[b-tvkqeagyex] {
        border-left: 0;
    }
}

/* ===============================
   Notice
   =============================== */

.oc-notice[b-tvkqeagyex] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    margin-top: var(--lap-8);
    padding: var(--lap-5);
}

    .oc-notice p[b-tvkqeagyex] {
        margin: 0;
        color: var(--lap-text-secondary);
        font-size: var(--lap-text-size1);
        line-height: var(--lap-lh-normal-plus);
        word-break: keep-all;
    }
    /* 공지 패널 : 제거 */
    .oc-notice .lap-panel-notice-term[b-tvkqeagyex]::after {
        content: "";
    }
/* ===============================
   Mobile
   =============================== */

@media (max-width: 767.98px) {
    .oc-hero[b-tvkqeagyex] {
        padding: var(--lap-8) 0 var(--lap-6);
    }

    .oc-hero-inner[b-tvkqeagyex] {
        align-items: stretch;
        text-align: center;
    }

    .oc-title[b-tvkqeagyex] {
        font-size: var(--lap-text-size4);
    }

    .oc-desc[b-tvkqeagyex] {
        text-align: center;
    }

    .oc-actions[b-tvkqeagyex] {
        flex-direction: column;
        gap: var(--lap-3);
    }

        .oc-actions .lb-root[b-tvkqeagyex] {
            width: 100%;
            min-width: 0;
        }

    .oc-info-cell[b-tvkqeagyex] {
        min-height: auto;
        padding: var(--lap-4);
    }

    .oc-info-col:nth-child(-n + 2)[b-tvkqeagyex] {
        border-top: 1px solid var(--lap-gray-200);
    }

    .oc-info-col:first-child[b-tvkqeagyex] {
        border-top: 0;
    }

    .oc-notice[b-tvkqeagyex] {
        padding: var(--lap-4);
    }
}
/* /Components/Pages/Cart/OrderCompleteOrderBody.razor.rz.scp.css */
.ocb-root[b-7kae9fqg4h] { padding: var(--lap-4); }
.ocb-section + .ocb-section[b-7kae9fqg4h] { margin-top: var(--lap-5); }
.ocb-title[b-7kae9fqg4h] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); font-weight: var(--lap-fw-semibold); }
.ocb-info[b-7kae9fqg4h] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lap-2) var(--lap-6); margin-top: var(--lap-3); color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.ocb-receipt[b-7kae9fqg4h] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--lap-3); margin-top: var(--lap-3); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); color: var(--lap-text-secondary); font-size: var(--lap-text-size2); overflow-wrap: anywhere; }
.ocb-items[b-7kae9fqg4h] { margin-top: var(--lap-3); overflow-x: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); }
/* 주문완료 목록도 제품 열을 중심으로 유연하게 축소해 토글 내부 가로 스크롤을 만들지 않는다. */
.ocb-item-cols[b-7kae9fqg4h] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, .7fr) minmax(0, .55fr) minmax(0, 1.4fr) minmax(0, .9fr); gap: var(--lap-2); width: 100%; min-width: 0; align-items: center; }
.ocb-item-cols[b-7kae9fqg4h] { justify-items: center; text-align: center; }
.ocb-items > .lap-table-head.ocb-item-cols > *[b-7kae9fqg4h], .ocb-items > .lap-table-row.ocb-item-cols > *[b-7kae9fqg4h] { width: 100%; min-width: 0; padding: var(--lap-2) var(--lap-1); text-align: center; overflow-wrap: anywhere; }
.ocb-item-value[b-7kae9fqg4h] { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; }
.ocb-item-cols > :first-child .ocb-item-value[b-7kae9fqg4h] { flex-direction: column; }
.ocb-product-button[b-7kae9fqg4h] { display: flex; flex-direction: column; align-items: center; max-width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; color: var(--lap-color-primary); font: inherit; text-align: center; cursor: pointer; }
.ocb-product-button > strong[b-7kae9fqg4h] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ocb-product-tooltip-image-wrap[b-7kae9fqg4h] { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: var(--lap-r-lg); background: var(--lap-white); }
.ocb-product-tooltip-image[b-7kae9fqg4h] { display: block; width: 100%; height: 100%; object-fit: contain; }
.ocb-items > .lap-table-row:hover[b-7kae9fqg4h] { background: var(--lap-gray-100); }
/* 주문서 토글과 같은 출고 상태 표시 규칙을 주문완료 토글에도 유지한다. */
.ocb-availability[b-7kae9fqg4h], .ocb-availability-value[b-7kae9fqg4h] { display: flex; align-items: center; justify-content: center; gap: var(--lap-3); min-width: 0; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); text-align: left; white-space: nowrap; }
.ocb-footer[b-7kae9fqg4h] { display: flex; justify-content: space-between; gap: var(--lap-6); margin-top: var(--lap-4); }
.ocb-footer-left[b-7kae9fqg4h] { flex: 1; }
.ocb-summary-card[b-7kae9fqg4h] { width: calc(var(--lap-1) * 65); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.ocb-summary-line[b-7kae9fqg4h] { display: flex; justify-content: space-between; gap: var(--lap-3); margin-bottom: var(--lap-2); color: var(--lap-text-secondary); }
.ocb-summary-line strong[b-7kae9fqg4h] { color: var(--lap-text-main); }
.ocb-summary-total[b-7kae9fqg4h] { margin-top: var(--lap-3); margin-bottom: 0; color: var(--lap-danger-500); font-weight: var(--lap-fw-bold); }
.ocb-summary-total strong[b-7kae9fqg4h] { color: var(--lap-danger-500); }
@media (max-width: 767.98px) {
  .ocb-root[b-7kae9fqg4h] { padding: var(--lap-5); }
  .ocb-info[b-7kae9fqg4h] { grid-template-columns: minmax(0, 1fr); gap: var(--lap-2); }
  /* 주문완료 토글도 장바구니와 같은 항목명·값 카드 구조를 사용한다. */
  .ocb-items[b-7kae9fqg4h] { overflow: visible; }
  .ocb-items > .lap-table-head[b-7kae9fqg4h] { display: none; }
  .ocb-items > .lap-table-row.ocb-item-cols[b-7kae9fqg4h] { display: grid; grid-template-columns: 1fr; gap: 0; width: 100%; padding: var(--lap-5) var(--lap-4); text-align: left; }
  .ocb-items > .lap-table-row.ocb-item-cols > *[b-7kae9fqg4h] { display: grid; grid-template-columns: minmax(calc(var(--lap-1) * 18), .85fr) minmax(0, 1fr); align-items: center; min-height: calc(var(--lap-1) * 6); padding: 0; color: var(--lap-text-main); text-align: left; }
  .ocb-items > .lap-table-row.ocb-item-cols > *[b-7kae9fqg4h]::before { content: attr(data-label); color: var(--lap-text-main); font-weight: var(--lap-fw-medium); }
  .ocb-items .ocb-item-value[b-7kae9fqg4h] { display: flex; align-self: stretch; align-items: center; justify-content: flex-start; min-width: 0; min-height: calc(var(--lap-1) * 6); padding-left: var(--lap-3); border-left: 1px solid var(--lap-gray-200); text-align: left; }
  .ocb-item-cols > :first-child .ocb-item-value[b-7kae9fqg4h] { align-items: flex-start; }
  .ocb-product-button[b-7kae9fqg4h] { align-items: flex-start; text-align: left; }
  .ocb-items .ocb-availability[b-7kae9fqg4h] { align-items: start; gap: 0; }
  .ocb-items .ocb-availability-value[b-7kae9fqg4h] { flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--lap-1); white-space: normal; }
  .ocb-footer[b-7kae9fqg4h] { flex-direction: column; }
  .ocb-summary-card[b-7kae9fqg4h] { width: 100%; }
}
/* /Components/Pages/Cart/TossPayment.razor.rz.scp.css */
.tp-amount[b-bkpvpqgjil] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--lap-4);
  padding: var(--lap-3) 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-semibold);
}

.tp-amount strong[b-bkpvpqgjil] {
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
  white-space: nowrap;
}

.tp-actions[b-bkpvpqgjil] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--lap-3);
  margin-top: var(--lap-5);
}

@media (max-width: 575.98px) {
  .tp-amount[b-bkpvpqgjil] {
    align-items: flex-end;
    flex-direction: column;
    gap: var(--lap-2);
  }

  .tp-actions[b-bkpvpqgjil] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/CommunicationCenter/Faq.razor.rz.scp.css */
.fq-toolbar[b-141z30zu3g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--lap-3);
    margin-bottom: var(--lap-3);
}

.fq-cols[b-141z30zu3g] {
    display: grid;
    grid-template-columns:
        minmax(20px, 30px)
        minmax(0, 1fr)
        minmax(24px, 24px);
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.fq-table-head[b-141z30zu3g] {
    text-align: left;
}

.fq-q[b-141z30zu3g] {
    color: var(--lap-color-primary);
    font-weight: var(--lap-fw-semibold);
}

.fq-title[b-141z30zu3g] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-text-main);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fq-arrow[b-141z30zu3g] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 992px) {
    .lap-search-box[b-141z30zu3g] {
        width: 100%;
    }

    .lap-search-main[b-141z30zu3g] {
        max-width: none;
        width: 100%;
    }

    .fq-toolbar[b-141z30zu3g] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/CommunicationCenter/FaqView.razor.rz.scp.css */
.fv-panel[b-ubcxbra5y8] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.fv-content-header[b-ubcxbra5y8] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.fv-title[b-ubcxbra5y8] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.fv-list-button[b-ubcxbra5y8] {
    flex: 0 0 auto;
}

.fv-article[b-ubcxbra5y8] {
    color: var(--lap-text-main);
    line-height: 1.75;
}

.fv-article[b-ubcxbra5y8]  img {
    max-width: 100%;
    height: auto;
}

.fv-article[b-ubcxbra5y8]  a {
    color: var(--lap-color-primary);
}

.fv-article[b-ubcxbra5y8]  iframe[src*="youtube.com" i],
.fv-article[b-ubcxbra5y8]  iframe[src*="youtu.be" i] {
    display: block;
    width: min(100%, calc(var(--lap-1) * 200));
    height: auto;
    margin-inline: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: var(--lap-r-xl);
}

/* 레거시 FAQ HTML의 영상 wrapper도 구 사이트에 의존하지 않고 이 화면 안에서 반응형으로 복원한다. */
.fv-article[b-ubcxbra5y8]  .c-video-wrapper {
    position: relative;
    width: min(100%, calc(var(--lap-1) * 200));
    margin-inline: auto;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: var(--lap-r-xl);
}

.fv-article[b-ubcxbra5y8]  .c-video-wrapper iframe,
.fv-article[b-ubcxbra5y8]  .c-video-wrapper object,
.fv-article[b-ubcxbra5y8]  .c-video-wrapper embed {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.fv-nav[b-ubcxbra5y8] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--lap-2);
}

@media (max-width: 992px) {
    .lap-search-box[b-ubcxbra5y8] {
        width: 100%;
    }

    .lap-search-main[b-ubcxbra5y8] {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .fv-content-header[b-ubcxbra5y8] {
        align-items: stretch;
        flex-direction: column;
    }

    .fv-nav[b-ubcxbra5y8] {
        justify-content: stretch;
    }
}
/* /Components/Pages/CommunicationCenter/News.razor.rz.scp.css */
/* ===============================
   News Table Columns
   =============================== */

.ns-cols[b-irzd76vklx] {
    display: grid;
    grid-template-columns: 100px /* 번호 */
    1fr /* 제목 */
    140px; /* 날짜 */

    align-items: center;
}

.ns-row[b-irzd76vklx] {
    color: inherit;
    text-decoration: none;
}

.ns-row.is-top[b-irzd76vklx] {
    border-left: var(--lap-1) solid var(--lap-gray-500);
    background: var(--lap-gray-100);
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-semibold);
}

.ns-row.is-top .ns-number[b-irzd76vklx] {
    color: var(--lap-gray-700);
}

.ns-row.is-top .ns-title[b-irzd76vklx] {
    color: var(--lap-text-main);
}

.ns-title[b-irzd76vklx] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--lap-2);
    color: var(--lap-text-main);
}

.ns-title span[b-irzd76vklx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ns-new-badge[b-irzd76vklx] {
    flex: 0 0 auto;
}

.ns-number[b-irzd76vklx],
.ns-date[b-irzd76vklx] {
    color: var(--lap-text-tertiary);
    text-align: center;
}

.ns-date-compact[b-irzd76vklx] {
    display: none;
}

/* 검색 영역 */
.ns-search-box[b-irzd76vklx] {
    width: 100%;
}

.ns-search-main[b-irzd76vklx] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--lap-2);
    max-width: none;
    min-width: 0;
    width: auto;
}

.ns-search-main[b-irzd76vklx]  .ls-root {
    flex: 0 0 auto;
}

.ns-search-actions[b-irzd76vklx] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    flex: 0 0 auto;
    min-width: 0;
}

.ns-search-actions[b-irzd76vklx]  .li-root {
    flex: 0 0 auto;
    min-width: 0;
}

.ns-search-actions[b-irzd76vklx]  .lb-root {
    flex: 0 0 auto;
}
/* 제목 링크 */
/*.ns-title {
    cursor: pointer;*/
/*    color: var(--lap-text-main);*/
/*}*/

/*    .ns-title:hover {
        text-decoration: underline;
    }*/

.ns-search-main[b-irzd76vklx]  .ls-value {
    /*    color: var(--lap-text-main);*/
    color: var(--lap-text-tertiary);
}


@media (max-width: 767.98px) {

    .ns-search-main[b-irzd76vklx] {
        align-items: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
    }

    .ns-search-main[b-irzd76vklx]  .ls-root {
        flex: 0 0 auto;
        width: 100%;
    }

    .ns-search-actions[b-irzd76vklx] {
        flex: 0 0 auto;
        width: 100%;
    }

    .ns-search-actions[b-irzd76vklx]  .li-root,
    .ns-search-actions[b-irzd76vklx]  .li-root.li-w-header-search {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }

    .ns-search-actions[b-irzd76vklx]  .lb-root {
        flex: 0 0 auto;
    }

    .ns-cols[b-irzd76vklx] {
        grid-template-columns: minmax(0, 1fr) 96px; /* 제목 + 날짜 */
    }

        /* 번호 숨김 */
        .ns-cols > div:first-child[b-irzd76vklx] {
            display: none;
        }

        .ns-title[b-irzd76vklx] {
            min-width: 0;
        }

        .ns-date[b-irzd76vklx] {
            font-size: var(--lap-text-size1);
        }

        .ns-date-full[b-irzd76vklx] {
            display: none;
        }

        .ns-date-compact[b-irzd76vklx] {
            display: inline;
        }
}

/*.lap-table-hover:hover {
        background: var(--lap-gray-50);*/
/*    background: var(--lap-gray-200);*/
/*}

.lap-table-row {
    color: var(--lap-text-tertiary);
}*/
/* /Components/Pages/CommunicationCenter/NewsView.razor.rz.scp.css */
.nv-panel[b-zbd56lntgx] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.nv-content-header[b-zbd56lntgx] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.nv-heading[b-zbd56lntgx] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--lap-2);
}

.nv-title[b-zbd56lntgx] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.nv-meta[b-zbd56lntgx] {
    color: var(--lap-text-tertiary);
}

.nv-list-button[b-zbd56lntgx] {
    flex: 0 0 auto;
}

.nv-article[b-zbd56lntgx] {
    color: var(--lap-text-main);
    line-height: 1.75;
}

.nv-article :deep(img)[b-zbd56lntgx] {
    max-width: 100%;
    height: auto;
}

.nv-article :deep(a)[b-zbd56lntgx] {
    color: var(--lap-color-primary);
}

.nv-nav[b-zbd56lntgx] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--lap-2);
}

@media (max-width: 576px) {
    .nv-content-header[b-zbd56lntgx] {
        align-items: stretch;
        flex-direction: column;
    }

    .nv-nav[b-zbd56lntgx] {
        justify-content: stretch;
    }
}
/* /Components/Pages/CommunicationCenter/PrintingIssues.razor.rz.scp.css */
/* =============================== 
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.fq-cols[b-mtjjji0qdq] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.fq-q[b-mtjjji0qdq] {
    color: var(--lap-text-tertiary);
}

.fq-arrow[b-mtjjji0qdq] {
    display: flex;
    justify-content: flex-end;
}

.fq-table-head[b-mtjjji0qdq] {
    text-align: left;
}

@media (max-width: 992px) {

    .lap-search-box[b-mtjjji0qdq] {
        width: 100%;
    }

    .lap-search-main[b-mtjjji0qdq] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/CommunicationCenter/ThermalPrint.razor.rz.scp.css */
/* =============================== 
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.fq-cols[b-2hdqocsuik] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.fq-q[b-2hdqocsuik] {
    color: var(--lap-text-tertiary);
}

.fq-arrow[b-2hdqocsuik] {
    display: flex;
    justify-content: flex-end;
}




/* ===============================
   FAQ Detail
   =============================== */

.fq-detail-card[b-2hdqocsuik] {
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.fq-detail-action[b-2hdqocsuik] {
    display: flex;
    justify-content: center;
}




/* ===============================
   Mobile
   =============================== */
@media (max-width: 992px) {

        .lap-search-box[b-2hdqocsuik] {
            width: 100%;
        }

        .lap-search-main[b-2hdqocsuik] {
            max-width: none;
            width: 100%;
        }
    }
    
/* /Components/Pages/CustomLabel/CustomLabelComplete.razor.rz.scp.css */
.clcp-page[b-10k3lxtylq] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    padding: 6px 0;
    color: var(--lap-text-main);
}

.clcp-page > h1[b-10k3lxtylq] {
    margin: 0;
    font-size: var(--lap-text-size5);
    line-height: 1.5;
}

.clcp-complete[b-10k3lxtylq] {
    display: grid;
    min-height: 480px;
    place-items: start center;
    padding: var(--lap-12) min(248px, 15.35%);
    border-radius: var(--lap-r-xl);
}

.clcp-content[b-10k3lxtylq],
.clcp-message[b-10k3lxtylq],
.clcp-description[b-10k3lxtylq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.clcp-content[b-10k3lxtylq] {
    width: 100%;
    gap: var(--lap-9);
    text-align: center;
}

.clcp-message[b-10k3lxtylq] {
    gap: var(--lap-5);
}

.clcp-message h2[b-10k3lxtylq],
.clcp-description p[b-10k3lxtylq] {
    margin: 0;
}

.clcp-message h2[b-10k3lxtylq] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size5);
    line-height: 1.5;
}

.clcp-description[b-10k3lxtylq] {
    gap: var(--lap-5);
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
    word-break: keep-all;
}

.clcp-action[b-10k3lxtylq] {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media (max-width: 767.98px) {
    .clcp-page[b-10k3lxtylq] {
        padding: 0;
    }

    .clcp-page > h1[b-10k3lxtylq] {
        font-size: var(--lap-text-size4);
    }

    .clcp-complete[b-10k3lxtylq] {
        min-height: 400px;
        padding: var(--lap-10) var(--lap-4);
    }

    .clcp-content[b-10k3lxtylq] {
        gap: var(--lap-8);
    }

    .clcp-message[b-10k3lxtylq] {
        gap: var(--lap-4);
    }

    .clcp-message h2[b-10k3lxtylq] {
        font-size: var(--lap-text-size4);
    }

    .clcp-description[b-10k3lxtylq] {
        gap: var(--lap-4);
        font-size: var(--lap-text-size1);
    }

    .clcp-action[b-10k3lxtylq]  .lb-root {
        width: 100%;
    }
}
/* /Components/Pages/CustomLabel/CustomLabelConfirm.razor.rz.scp.css */
.clc-page[b-h11oig8oj7]{display:flex;flex-direction:column;gap:var(--lap-5)}
.clc-heading[b-h11oig8oj7]{text-align:center;padding:var(--lap-5) 0 var(--lap-2)}
.clc-heading h1[b-h11oig8oj7],.clc-heading p[b-h11oig8oj7]{margin:0}
.clc-heading h1[b-h11oig8oj7]{font-size:var(--lap-text-size5);line-height:1.5}
.clc-heading p[b-h11oig8oj7]{margin-top:var(--lap-2);color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);line-height:1.5}
.clc-card[b-h11oig8oj7],.clc-empty[b-h11oig8oj7]{padding:var(--lap-6);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);background:var(--lap-white)}
.clc-card>h2[b-h11oig8oj7]{margin:0 0 var(--lap-6);padding-bottom:var(--lap-3);border-bottom:1px solid var(--lap-gray-200);font-size:var(--lap-text-size4);line-height:1.5}
.clc-confirm-grid[b-h11oig8oj7]{display:grid;grid-template-columns:minmax(400px,1fr) minmax(380px,520px);gap:var(--lap-8)}
.clc-details[b-h11oig8oj7]{display:grid;grid-template-columns:110px minmax(0,1fr) 64px minmax(0,1fr);align-content:start;gap:var(--lap-3) var(--lap-5);margin:0}
.clc-details>div[b-h11oig8oj7]{display:contents}
.clc-details dt[b-h11oig8oj7]{align-self:center;color:var(--lap-text-secondary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-bold)}
.clc-details dd[b-h11oig8oj7]{min-width:0;margin:0;padding:10px var(--lap-4);border-radius:var(--lap-r-sm);background:var(--lap-gray-100);font-size:var(--lap-text-size2);line-height:1.5;overflow-wrap:anywhere}
.clc-details>div:not(.clc-detail-half) dt[b-h11oig8oj7]{grid-column:1}.clc-details>div:not(.clc-detail-half) dd[b-h11oig8oj7]{grid-column:2/5}
.clc-details .clc-files-row dt[b-h11oig8oj7]{align-self:start;padding-top:10px}
.clc-details .clc-files-row dd[b-h11oig8oj7]{padding:0;background:transparent}
.clc-files[b-h11oig8oj7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lap-2)}
.clc-file[b-h11oig8oj7]{display:flex;align-items:center;min-width:0;gap:var(--lap-2);height:40px;padding:0 var(--lap-3);border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);color:var(--lap-primary-500);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.clc-file:hover[b-h11oig8oj7]{border-color:var(--lap-primary-300);background:var(--lap-primary-50)}
.clc-file:focus-visible[b-h11oig8oj7]{outline:2px solid var(--lap-primary-500);outline-offset:2px}
.clc-file b[b-h11oig8oj7]{min-width:0;overflow:hidden;color:var(--lap-text-main);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-regular);text-overflow:ellipsis;white-space:nowrap}
.clc-file small[b-h11oig8oj7]{margin-left:auto;color:var(--lap-text-tertiary);font-size:10px;white-space:nowrap}.clc-no-file[b-h11oig8oj7]{color:var(--lap-text-tertiary)}
.clc-preview-column[b-h11oig8oj7]{display:flex;min-width:0;flex-direction:column;gap:var(--lap-3)}
.clc-preview[b-h11oig8oj7]{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);overflow:hidden;background:var(--lap-white)}
.clc-preview-media[b-h11oig8oj7]{display:grid;place-items:center;width:82%;height:82%;max-width:420px;max-height:320px;min-width:0;min-height:0}
.clc-preview img[b-h11oig8oj7],.clc-preview canvas[b-h11oig8oj7]{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.clc-preview-note[b-h11oig8oj7]{display:flex;align-items:center;gap:var(--lap-2);margin:0;padding:var(--lap-3) var(--lap-4);border-radius:6px;background:var(--lap-information-50);font-size:var(--lap-text-size2)}
.clc-preview-note span[b-h11oig8oj7]{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:2px solid var(--lap-information-500);border-radius:50%;color:var(--lap-information-500);font-size:11px;font-weight:var(--lap-fw-bold)}
.clc-price[b-h11oig8oj7]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--lap-4)}
.clc-price>span[b-h11oig8oj7]{font-size:var(--lap-text-size4);font-weight:var(--lap-fw-bold)}
.clc-price>div[b-h11oig8oj7]{display:flex;flex-direction:column;align-items:flex-end}.clc-price small[b-h11oig8oj7]{color:var(--lap-text-tertiary)}
.clc-price .clc-price-label[b-h11oig8oj7]{color:var(--lap-text-secondary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium)}
.clc-price strong[b-h11oig8oj7]{display:flex;align-items:baseline;gap:var(--lap-2);font-size:var(--lap-text-size4)}.clc-price strong em[b-h11oig8oj7]{color:var(--lap-danger-500);font-style:normal}
.clc-price-additions[b-h11oig8oj7]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--lap-1);margin-top:var(--lap-2)}
.clc-price-additions.is-consultation[b-h11oig8oj7]{margin-top:0}
.clc-form-grid[b-h11oig8oj7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--lap-4) var(--lap-8)}
.clc-form-grid label[b-h11oig8oj7],.clc-email-field[b-h11oig8oj7]{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:var(--lap-5)}
.clc-field-label[b-h11oig8oj7]{color:var(--lap-text-secondary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-bold)}
.clc-required[b-h11oig8oj7]{margin-left:var(--lap-2);color:var(--lap-primary-500);font-size:var(--lap-text-size1);font-style:italic;font-weight:var(--lap-fw-regular)}
.clc-control[b-h11oig8oj7],.clc-email-control[b-h11oig8oj7]{display:flex;min-width:0;flex-direction:column;gap:var(--lap-1)}
.clc-form-grid input[b-h11oig8oj7],.clc-form-grid select[b-h11oig8oj7],.clc-form-grid textarea[b-h11oig8oj7]{width:100%;min-width:0;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);background:var(--lap-white);color:var(--lap-text-main);font:inherit}
.clc-form-grid input[b-h11oig8oj7],.clc-form-grid select[b-h11oig8oj7]{height:44px;padding:0 var(--lap-4)}
.clc-form-grid input:focus[b-h11oig8oj7],.clc-form-grid select:focus[b-h11oig8oj7],.clc-form-grid textarea:focus[b-h11oig8oj7]{border-color:var(--lap-primary-400);outline:none}
.clc-form-grid input.is-error[b-h11oig8oj7],.clc-form-grid textarea.is-error[b-h11oig8oj7]{border-color:var(--lap-danger-500)}
.clc-form-grid input.is-error:focus[b-h11oig8oj7],.clc-form-grid textarea.is-error:focus[b-h11oig8oj7]{border-color:var(--lap-danger-500)}
.clc-field-error[b-h11oig8oj7]{color:var(--lap-danger-500);font-size:var(--lap-text-size1);font-style:normal;font-weight:var(--lap-fw-regular);line-height:1.5}
.clc-email-row[b-h11oig8oj7]{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(110px,1fr) minmax(130px,.75fr);align-items:center;gap:var(--lap-2)}
.clc-email-row b[b-h11oig8oj7]{font-weight:var(--lap-fw-bold)}
.clc-email-field[b-h11oig8oj7]{grid-column:2}.clc-content-field[b-h11oig8oj7]{grid-column:1/-1!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:start!important}
.clc-content-field>span[b-h11oig8oj7]{padding-top:12px}.clc-form-grid textarea[b-h11oig8oj7]{height:128px;padding:var(--lap-4);resize:vertical}
.clc-actions[b-h11oig8oj7]{display:flex;justify-content:flex-end;gap:var(--lap-4)}
.clc-actions[b-h11oig8oj7]  .lb-root{width:min(304px,32%)}
.clc-empty[b-h11oig8oj7]{text-align:center}.clc-empty p[b-h11oig8oj7]{color:var(--lap-text-tertiary)}
@media(max-width:991.98px){.clc-confirm-grid[b-h11oig8oj7]{grid-template-columns:1fr}.clc-preview-column[b-h11oig8oj7]{max-width:520px;width:100%;margin-inline:auto}.clc-form-grid[b-h11oig8oj7]{grid-template-columns:1fr}.clc-email-field[b-h11oig8oj7]{grid-column:auto}}
@media(max-width:767.98px){.clc-page[b-h11oig8oj7]{gap:var(--lap-3)}.clc-heading[b-h11oig8oj7]{padding:var(--lap-3) var(--lap-2)}.clc-heading h1[b-h11oig8oj7]{font-size:var(--lap-text-size4)}.clc-heading p[b-h11oig8oj7]{font-size:var(--lap-text-size1)}.clc-card[b-h11oig8oj7]{padding:var(--lap-4);border-radius:var(--lap-r-lg)}.clc-card>h2[b-h11oig8oj7]{margin-bottom:var(--lap-4)}.clc-confirm-grid[b-h11oig8oj7]{gap:var(--lap-6)}.clc-details[b-h11oig8oj7]{grid-template-columns:72px minmax(0,1fr);gap:var(--lap-3)}.clc-details>div[b-h11oig8oj7],.clc-details>div:not(.clc-detail-half)[b-h11oig8oj7]{display:contents}.clc-details dt[b-h11oig8oj7],.clc-details>div:not(.clc-detail-half) dt[b-h11oig8oj7]{grid-column:1}.clc-details dd[b-h11oig8oj7],.clc-details>div:not(.clc-detail-half) dd[b-h11oig8oj7]{grid-column:2}.clc-files[b-h11oig8oj7]{grid-template-columns:1fr}.clc-preview[b-h11oig8oj7]{aspect-ratio:1}.clc-preview-media[b-h11oig8oj7]{width:80%;height:80%}.clc-price>span[b-h11oig8oj7]{font-size:var(--lap-text-size3)}.clc-price strong[b-h11oig8oj7]{font-size:var(--lap-text-size3)}.clc-form-grid[b-h11oig8oj7]{gap:var(--lap-4)}.clc-form-grid label[b-h11oig8oj7],.clc-email-field[b-h11oig8oj7],.clc-content-field[b-h11oig8oj7]{display:flex!important;flex-direction:column;align-items:stretch!important;gap:var(--lap-2)}.clc-content-field>.clc-field-label[b-h11oig8oj7]{padding-top:0}.clc-email-row[b-h11oig8oj7]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.clc-email-row select[b-h11oig8oj7]{grid-column:1/-1;width:50%}.clc-form-grid textarea[b-h11oig8oj7]{height:96px}.clc-actions[b-h11oig8oj7]{gap:var(--lap-2)}.clc-actions[b-h11oig8oj7]  .lb-root{width:50%}}
/* /Components/Pages/CustomLabel/CustomLabelIntro.razor.rz.scp.css */
.cli-page[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 24px;
    color: var(--lap-text-main);
    background: var(--lap-gray-50);
}

.cli-hero[b-5j7fhsh66c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(8px, .75vw, 12px);
    min-height: clamp(260px, 21.5vw, 344px);
    padding: clamp(12px, 1.25vw, 20px);
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(102.387deg, var(--lap-primary-50) 0%, var(--lap-white) 29.804%, var(--lap-primary-50) 44.705%, var(--lap-primary-100) 74.509%, var(--lap-primary-200) 99.345%);
}

.cli-hero-copy[b-5j7fhsh66c],
.cli-hero-title[b-5j7fhsh66c],
.cli-benefit-copy[b-5j7fhsh66c],
.cli-request-cta > div[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
}

.cli-hero-copy[b-5j7fhsh66c] {
    justify-content: center;
    align-items: flex-start;
    gap: clamp(12px, 1.25vw, 20px);
    min-width: 0;
}

.cli-hero-title[b-5j7fhsh66c] {
    align-items: flex-start;
    gap: clamp(8px, .75vw, 12px);
    padding-block: clamp(8px, .75vw, 12px);
}

.cli-hero-title > span[b-5j7fhsh66c],
.cli-request-cta span[b-5j7fhsh66c] {
    color: var(--lap-primary-500);
    font-size: 12px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.cli-hero-title h1[b-5j7fhsh66c],
.cli-hero-title h2[b-5j7fhsh66c],
.cli-hero-title p[b-5j7fhsh66c],
.cli-section-title h2[b-5j7fhsh66c],
.cli-section-title p[b-5j7fhsh66c],
.cli-problem-card h3[b-5j7fhsh66c],
.cli-benefit-copy h3[b-5j7fhsh66c],
.cli-benefit-copy p[b-5j7fhsh66c],
.cli-request-cta h2[b-5j7fhsh66c],
.cli-request-cta p[b-5j7fhsh66c] {
    margin: 0;
}

.cli-hero-title h1[b-5j7fhsh66c] {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.cli-hero-title h2[b-5j7fhsh66c] {
    font-size: clamp(28px, 2.5vw, 40px);
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
}

.cli-hero-title p[b-5j7fhsh66c],
.cli-section-title p[b-5j7fhsh66c],
.cli-benefit-copy p[b-5j7fhsh66c],
.cli-request-cta p[b-5j7fhsh66c] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.cli-hero-copy[b-5j7fhsh66c]  .lb-root {
    width: min(240px, 100%);
}

.cli-hero-gallery[b-5j7fhsh66c] {
    display: grid;
    grid-template-columns: minmax(0, 2.0287fr) minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 8px;
    width: min(466px, 100%);
    min-width: 0;
    aspect-ratio: 466 / 304;
    align-self: center;
    justify-self: center;
}

.cli-hero-gallery img[b-5j7fhsh66c] {
    width: 100%;
    height: 100%;
    min-width: 0;
    object-fit: cover;
    border-radius: clamp(10px, 1.25vw, 20px);
}

.cli-hero-gallery .cli-hero-main[b-5j7fhsh66c] {
    grid-row: 1 / 3;
}

.cli-section[b-5j7fhsh66c] {
    width: 100%;
    padding: 40px 0;
}

.cli-section-title[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
}

.cli-section:not(.cli-benefit-section) .cli-section-title[b-5j7fhsh66c] {
    margin-bottom: 12px;
}

.cli-section-title h2[b-5j7fhsh66c],
.cli-request-cta h2[b-5j7fhsh66c] {
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
}

.cli-problem-grid[b-5j7fhsh66c],
.cli-benefit-grid[b-5j7fhsh66c] {
    display: grid;
    margin-inline: auto;
}

.cli-problem-grid[b-5j7fhsh66c] {
    grid-template-columns: repeat(3, minmax(0, 334px));
    justify-content: center;
    width: min(1034px, 92.32%);
    gap: 16px;
}

.cli-benefit-grid[b-5j7fhsh66c] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(1120px, 100%);
    gap: 12px;
}

.cli-problem-card[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 334px;
    min-width: 0;
    padding: 24px;
    text-align: center;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: var(--lap-white);
}

.cli-problem-card img[b-5j7fhsh66c] {
    width: 100%;
    max-width: 286px;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 8px;
}

.cli-problem-card h3[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    font-size: 18px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
    word-break: keep-all;
}

.cli-problem-card h3 span[b-5j7fhsh66c] {
    display: block;
    white-space: nowrap;
}

.cli-benefit-section[b-5j7fhsh66c] {
    padding-bottom: 40px;
}

.cli-benefit-card[b-5j7fhsh66c] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: var(--lap-white);
    box-shadow: var(--lap-shadow-3);
}

.cli-benefit-card > img[b-5j7fhsh66c] {
    width: 100%;
    aspect-ratio: 365.33 / 313.6;
    object-fit: cover;
}

.cli-benefit-copy[b-5j7fhsh66c] {
    flex: 1;
    align-items: flex-start;
    gap: 12px;
    min-height: 146px;
    padding: 20px;
}

.cli-benefit-copy span[b-5j7fhsh66c] {
    color: var(--lap-primary-500);
    font-size: 14px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.cli-benefit-copy h3[b-5j7fhsh66c] {
    margin-top: -8px;
    font-size: 18px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

#custom-label-process[b-5j7fhsh66c] {
    scroll-margin-top: 20px;
}

.cli-request-cta[b-5j7fhsh66c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(244px, 1fr);
    gap: 12px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(135.297deg, var(--lap-primary-50) 40.91%, var(--lap-white) 51.115%, var(--lap-primary-50) 51.115%, var(--lap-primary-100) 59.132%);
}

.cli-request-cta > div[b-5j7fhsh66c] {
    gap: 12px;
    padding-block: 12px;
}

.cli-request-cta p[b-5j7fhsh66c] {
    color: var(--lap-text-secondary);
}

.cli-request-cta[b-5j7fhsh66c]  .lb-root {
    justify-self: end;
}

@media (max-width: 1199.98px) {
    .cli-hero[b-5j7fhsh66c] {
        grid-template-columns: 1fr;
    }

    .cli-hero-gallery[b-5j7fhsh66c] {
        justify-self: center;
    }

    .cli-problem-grid[b-5j7fhsh66c] {
        grid-template-columns: repeat(3, minmax(0, 334px));
        gap: 12px;
    }

}

@media (max-width: 767.98px) {
    .cli-page[b-5j7fhsh66c] {
        padding: 0;
    }

    .cli-hero[b-5j7fhsh66c] {
        padding: 16px;
    }

    .cli-hero-copy[b-5j7fhsh66c]  .lb-root {
        width: 100%;
    }

    .cli-hero-gallery[b-5j7fhsh66c] {
        width: min(466px, 100%);
        aspect-ratio: 466 / 304;
    }

    .cli-section-title[b-5j7fhsh66c] {
        padding-inline: 16px;
    }

    .cli-problem-grid[b-5j7fhsh66c],
    .cli-benefit-grid[b-5j7fhsh66c] {
        grid-template-columns: 1fr;
        width: min(365.33px, calc(100% - 32px));
    }

    .cli-problem-card[b-5j7fhsh66c] {
        width: min(334px, 100%);
        min-height: 0;
        justify-self: center;
    }

    .cli-problem-card img[b-5j7fhsh66c] {
        width: min(286px, 100%);
    }

    .cli-request-cta[b-5j7fhsh66c] {
        grid-template-columns: 1fr;
        border-radius: 0;
    }

    .cli-request-cta[b-5j7fhsh66c]  .lb-root {
        width: 100%;
        justify-self: stretch;
    }
}

@media (max-width: 359.98px) {
    .cli-problem-card h3 span[b-5j7fhsh66c] {
        white-space: normal;
    }
}

@media (max-width: 575.98px) {
    .cli-section-title h2[b-5j7fhsh66c],
    .cli-request-cta h2[b-5j7fhsh66c] {
        font-size: 20px;
    }

    .cli-section-title p[b-5j7fhsh66c],
    .cli-benefit-copy p[b-5j7fhsh66c],
    .cli-request-cta p[b-5j7fhsh66c] {
        font-size: 13px;
    }
}
/* /Components/Pages/CustomLabel/CustomLabelOptionPanel.razor.rz.scp.css */
.clop-root[b-pl1bufejtf]{display:grid;grid-template-columns:minmax(420px,616px) minmax(420px,668px);align-items:start;justify-content:center;gap:24px;width:100%}.clop-preview[b-pl1bufejtf],.clop-panel[b-pl1bufejtf]{min-width:0}.clop-preview[b-pl1bufejtf]{display:flex;flex-direction:column;gap:21px}.clop-preview-media[b-pl1bufejtf]{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;background:var(--lap-white)}.clop-preview-media img[b-pl1bufejtf],.clop-preview-media canvas[b-pl1bufejtf]{display:block;width:100%;height:100%;object-fit:contain}.clop-preview-alert[b-pl1bufejtf]{display:flex;align-items:center;gap:var(--lap-2);margin:0;padding:var(--lap-4);border-radius:6px;background:var(--lap-information-50);color:var(--lap-text-main);font-size:var(--lap-text-size2);line-height:1.5}.clop-preview-alert span[b-pl1bufejtf],.clop-notice h2 span[b-pl1bufejtf]{display:grid;place-items:center;width:var(--lap-5);height:var(--lap-5);flex:0 0 auto;border:2px solid var(--lap-information-500);border-radius:50%;color:var(--lap-information-500);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-bold)}.clop-summary[b-pl1bufejtf]{padding:var(--lap-5);border-radius:var(--lap-r-lg)}.clop-summary h2[b-pl1bufejtf]{margin:0 0 var(--lap-2);font-size:var(--lap-text-size4);line-height:1.5}.clop-summary dl[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-2);margin:0;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium);line-height:1.5}.clop-summary dl div[b-pl1bufejtf]{display:flex;min-width:0}.clop-summary dt[b-pl1bufejtf]::after{content:" : ";white-space:pre}.clop-summary dd[b-pl1bufejtf]{min-width:0;margin:0;overflow-wrap:anywhere}.clop-panel[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-3);padding:24px;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white)}.clop-header[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-1);padding-bottom:18px;border-bottom:1px solid var(--lap-gray-200)}.clop-header h1[b-pl1bufejtf],.clop-header p[b-pl1bufejtf]{margin:0;line-height:1.5}.clop-header h1[b-pl1bufejtf]{font-size:30px}.clop-header p[b-pl1bufejtf]{color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium)}.clop-fields[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-3)}.clop-choice-field[b-pl1bufejtf]{min-width:0;margin:0;padding:0;border:0}.clop-choice-field legend[b-pl1bufejtf],.clop-field>strong[b-pl1bufejtf],.clop-stepper-field>strong[b-pl1bufejtf]{display:block;margin-bottom:var(--lap-1);padding:0;font-size:var(--lap-text-size3);font-weight:var(--lap-fw-bold);line-height:1.5}.clop-product-groups[b-pl1bufejtf],.clop-types[b-pl1bufejtf],.clop-tag-types[b-pl1bufejtf],.clop-cores[b-pl1bufejtf]{display:grid;gap:var(--lap-1)}.clop-product-groups[b-pl1bufejtf]{grid-template-columns:repeat(2,minmax(0,1fr))}.clop-product-groups button[b-pl1bufejtf]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--lap-1);min-width:0;min-height:69px;padding:13px 12px;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);color:var(--lap-text-main);text-align:center}.clop-product-groups strong[b-pl1bufejtf],.clop-product-groups small[b-pl1bufejtf]{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.clop-product-groups strong[b-pl1bufejtf]{font-size:var(--lap-text-size2);font-weight:var(--lap-fw-regular)}.clop-product-groups small[b-pl1bufejtf]{color:var(--lap-text-secondary);font-size:var(--lap-text-size1)}.clop-types[b-pl1bufejtf]{grid-template-columns:repeat(3,minmax(0,1fr))}.clop-tag-types[b-pl1bufejtf]{grid-template-columns:repeat(5,minmax(0,1fr))}.clop-cores[b-pl1bufejtf]{grid-template-columns:repeat(2,minmax(0,1fr))}.clop-types button[b-pl1bufejtf],.clop-tag-types button[b-pl1bufejtf],.clop-cores button[b-pl1bufejtf]{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:76px;padding:13px 8px;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);background:var(--lap-white);font-size:var(--lap-text-size2)}.clop-types img[b-pl1bufejtf],.clop-tag-types img[b-pl1bufejtf],.clop-cores img[b-pl1bufejtf]{display:block;width:50px;height:50px;object-fit:contain}.clop-product-groups button:hover[b-pl1bufejtf],.clop-product-groups button:focus-visible[b-pl1bufejtf],.clop-product-groups button.is-selected[b-pl1bufejtf],.clop-types button:hover[b-pl1bufejtf],.clop-types button:focus-visible[b-pl1bufejtf],.clop-types button.is-selected[b-pl1bufejtf],.clop-tag-types button:hover[b-pl1bufejtf],.clop-tag-types button:focus-visible[b-pl1bufejtf],.clop-tag-types button.is-selected[b-pl1bufejtf],.clop-cores button:hover[b-pl1bufejtf],.clop-cores button:focus-visible[b-pl1bufejtf],.clop-cores button.is-selected[b-pl1bufejtf]{border-color:var(--lap-primary-400);background:var(--lap-gray-100);color:var(--lap-primary-500)}.clop-field[b-pl1bufejtf]{position:relative;min-width:0}.clop-field[b-pl1bufejtf]  .clop-select.ls-root{gap:0}.clop-field[b-pl1bufejtf]  .clop-select .ls-box{font-size:var(--lap-text-size2)}.clop-mode-tabs[b-pl1bufejtf]{display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--lap-2);border-bottom:1px solid var(--lap-gray-200)}.clop-mode-tabs button[b-pl1bufejtf]{min-height:40px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--lap-text-tertiary)}.clop-mode-tabs button.is-selected[b-pl1bufejtf]{border-color:var(--lap-primary-500);color:var(--lap-primary-500);font-weight:var(--lap-fw-bold)}.clop-dimensions[b-pl1bufejtf]{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--lap-3)}.clop-dimensions label[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-1);color:var(--lap-text-secondary);font-size:var(--lap-text-size1)}.clop-dimensions label>span:last-child[b-pl1bufejtf]{display:flex;align-items:center;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);background:var(--lap-white)}.clop-dimensions input[b-pl1bufejtf]{min-width:0;width:100%;height:46px;padding-inline:var(--lap-4);border:0;background:transparent;color:var(--lap-text-main);font-size:var(--lap-text-size2)}.clop-dimensions b[b-pl1bufejtf]{padding-right:var(--lap-4);font-weight:var(--lap-fw-regular)}.clop-dimensions i[b-pl1bufejtf]{padding-bottom:13px;font-style:normal}.clop-gaps[b-pl1bufejtf]{margin-top:var(--lap-2)}.clop-size-hint[b-pl1bufejtf]{margin:var(--lap-2) 0 0;padding:var(--lap-3);border-radius:var(--lap-r-sm);background:var(--lap-information-50);color:var(--lap-text-secondary);font-size:var(--lap-text-size1);line-height:1.5}.clop-size-hint.is-warning[b-pl1bufejtf]{background:var(--lap-warning-50);color:var(--lap-warning-700)}.clop-ready-search[b-pl1bufejtf]{display:flex;gap:var(--lap-2);margin-bottom:var(--lap-2)}.clop-ready-search input[b-pl1bufejtf]{min-width:0;flex:1;height:46px;padding-inline:var(--lap-4);border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm)}.clop-ready-search button[b-pl1bufejtf]{border:0;background:transparent;color:var(--lap-primary-500);font-size:var(--lap-text-size1)}.clop-ready-list[b-pl1bufejtf]{max-height:280px;overflow:auto;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-sm)}.clop-ready-list>p[b-pl1bufejtf]{margin:0;padding:var(--lap-5);text-align:center;color:var(--lap-text-tertiary)}.clop-ready-list button[b-pl1bufejtf]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--lap-3) var(--lap-4);border:0;border-bottom:1px solid var(--lap-gray-200);background:var(--lap-white);text-align:left}.clop-ready-list button:last-child[b-pl1bufejtf]{border-bottom:0}.clop-ready-list button.is-selected[b-pl1bufejtf]{background:var(--lap-gray-100);color:var(--lap-primary-500)}.clop-ready-list span[b-pl1bufejtf]{display:flex;min-width:0;flex-direction:column}.clop-ready-list small[b-pl1bufejtf]{color:var(--lap-text-tertiary)}.clop-ready-list img[b-pl1bufejtf]{width:52px;height:52px;object-fit:contain}.clop-selector[b-pl1bufejtf]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px var(--lap-4);border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);background:var(--lap-white);text-align:left}.clop-selector>img[b-pl1bufejtf]{width:42px;height:42px;object-fit:contain}.clop-selector>span[b-pl1bufejtf]{display:flex;min-width:0;flex:1;flex-direction:column}.clop-selector>img+span[b-pl1bufejtf]{padding-left:var(--lap-2)}.clop-selector small[b-pl1bufejtf]{color:var(--lap-text-tertiary)}.clop-selector i[b-pl1bufejtf]{flex:0 0 auto}.clop-popup-backdrop[b-pl1bufejtf]{position:fixed;inset:0;z-index:89;border:0;background:transparent}.clop-material-popup[b-pl1bufejtf]{position:absolute;z-index:90;top:calc(100% + var(--lap-1));width:100%;max-height:360px;overflow:hidden;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-md);background:var(--lap-white);box-shadow:var(--lap-shadow-md)}.clop-material-popup[b-pl1bufejtf]  .lms-root{max-height:358px}.clop-stepper-field[b-pl1bufejtf]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.clop-stepper-field>strong[b-pl1bufejtf]{margin:0}.clop-stepper-field p[b-pl1bufejtf]{width:100%;margin:var(--lap-2) 0 0;color:var(--lap-text-tertiary);font-size:var(--lap-text-size1)}.clop-field[b-pl1bufejtf]  .clop-quantity .lqsel-trigger{min-height:48px;padding:12px 16px}.clop-custom-quantity[b-pl1bufejtf]{display:flex;align-items:center;justify-content:space-between;gap:var(--lap-3)}.clop-custom-quantity>span[b-pl1bufejtf]{display:flex;gap:var(--lap-2)}.clop-custom-quantity input[b-pl1bufejtf]{min-width:0;width:150px;height:36px;padding-inline:var(--lap-3);border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm)}.clop-files[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-3)}.clop-notice[b-pl1bufejtf]{padding:var(--lap-5);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-lg);background:var(--lap-gray-50)}.clop-notice h2[b-pl1bufejtf]{display:flex;align-items:center;gap:var(--lap-3);margin:0 0 var(--lap-2);font-size:var(--lap-text-size4);line-height:1.5}.clop-notice ul[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-2);margin:0;padding:0;list-style:none;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium);line-height:1.5}.clop-notice li[b-pl1bufejtf]::before{content:"- "}.clop-price[b-pl1bufejtf]{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--lap-4) 0;border-top:1px solid var(--lap-gray-200);border-bottom:1px solid var(--lap-gray-200)}.clop-price>span[b-pl1bufejtf]{font-weight:var(--lap-fw-bold)}.clop-price strong[b-pl1bufejtf]{display:flex;flex-direction:column;align-items:flex-end;color:var(--lap-primary-500);font-size:var(--lap-text-size4)}.clop-price small[b-pl1bufejtf]{color:var(--lap-text-tertiary);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-regular)}.clop-actions[b-pl1bufejtf]{display:flex;flex-direction:column;gap:var(--lap-3)}.clop-actions[b-pl1bufejtf]  .lb-root{width:100%}.clop-actions p[b-pl1bufejtf],.clop-status[b-pl1bufejtf],.clop-error[b-pl1bufejtf]{margin:0;padding:var(--lap-3);border-radius:var(--lap-r-sm);background:var(--lap-information-50);color:var(--lap-text-secondary);font-size:var(--lap-text-size2);line-height:1.5}.clop-error[b-pl1bufejtf]{background:var(--lap-danger-50);color:var(--lap-danger-700)}
.clop-material-popup[b-pl1bufejtf]{--lap-shadow-md:var(--lap-shadow-3)}
@media(max-width:991.98px){.clop-root[b-pl1bufejtf]{grid-template-columns:minmax(0,668px)}.clop-preview[b-pl1bufejtf],.clop-panel[b-pl1bufejtf]{width:100%;margin-inline:auto}}
@media(max-width:575.98px){.clop-preview[b-pl1bufejtf]{gap:var(--lap-3)}.clop-preview-alert[b-pl1bufejtf]{padding:var(--lap-3)}.clop-summary[b-pl1bufejtf]{padding:var(--lap-4)}.clop-panel[b-pl1bufejtf]{padding:20px 16px;border-radius:12px}.clop-header h1[b-pl1bufejtf]{font-size:24px}.clop-product-groups[b-pl1bufejtf]{grid-template-columns:repeat(2,minmax(0,1fr))}.clop-product-groups button[b-pl1bufejtf]{min-height:76px;padding:10px 5px}.clop-product-groups strong[b-pl1bufejtf]{font-size:12px}.clop-product-groups small[b-pl1bufejtf]{font-size:10px}.clop-types button[b-pl1bufejtf],.clop-tag-types button[b-pl1bufejtf],.clop-cores button[b-pl1bufejtf]{height:68px;padding:8px 4px;flex-direction:column;gap:2px}.clop-types img[b-pl1bufejtf],.clop-tag-types img[b-pl1bufejtf],.clop-cores img[b-pl1bufejtf]{width:38px;height:38px}.clop-types span[b-pl1bufejtf],.clop-tag-types span[b-pl1bufejtf],.clop-cores span[b-pl1bufejtf]{font-size:10px;white-space:normal;text-align:center}.clop-tag-types[b-pl1bufejtf]{grid-template-columns:repeat(5,minmax(0,1fr))}.clop-dimensions[b-pl1bufejtf]{gap:var(--lap-2)}.clop-dimensions input[b-pl1bufejtf]{padding-inline:var(--lap-2)}.clop-dimensions b[b-pl1bufejtf]{padding-right:var(--lap-2);font-size:11px}.clop-notice[b-pl1bufejtf]{padding:var(--lap-4)}.clop-notice ul[b-pl1bufejtf]{font-size:var(--lap-text-size1)}.clop-custom-quantity[b-pl1bufejtf]{align-items:stretch;flex-direction:column}.clop-custom-quantity>span[b-pl1bufejtf]{width:100%}.clop-custom-quantity input[b-pl1bufejtf]{flex:1;width:auto}}

/* A4 점착 맞춤라벨은 인쇄의뢰 상세의 이미지형 셀렉터 DOM·간격을 공유한다. */
.clop-popup[b-pl1bufejtf]{position:absolute;z-index:90;top:100%;left:0;right:0;overflow:hidden;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);box-shadow:var(--lap-shadow-3)}
.clop-visual-selector[b-pl1bufejtf]{display:grid;grid-template-columns:50px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:72px;padding:11px 15px}
.clop-visual-selector.is-placeholder[b-pl1bufejtf]{grid-template-columns:minmax(0,1fr) 16px;min-height:48px}
.clop-visual-selector.is-custom-size[b-pl1bufejtf]{grid-template-columns:minmax(0,1fr) 16px}
.clop-visual-selector>span[b-pl1bufejtf]{min-width:0}.clop-visual-selector b[b-pl1bufejtf],.clop-visual-selector small[b-pl1bufejtf]{display:block}.clop-visual-selector b[b-pl1bufejtf]{color:var(--lap-text-main);font-size:14px}.clop-chevron[b-pl1bufejtf]{transition:transform var(--lap-motion-fast) ease}.clop-selector[aria-expanded=true] .clop-chevron[b-pl1bufejtf]{transform:rotate(180deg)}
.clop-shape-preview[b-pl1bufejtf]{display:block;width:50px;height:50px;object-fit:contain}
.clop-visual-popup>button[b-pl1bufejtf]{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:72px;padding:11px 16px;text-align:left}
.clop-visual-popup>button:hover[b-pl1bufejtf],.clop-visual-popup>button.is-selected[b-pl1bufejtf]{background:var(--lap-gray-100)}
.clop-size-popup[b-pl1bufejtf]{display:flex;max-height:min(620px,calc(100vh - 32px));overflow:hidden;flex-direction:column}.clop-size-popup .clop-mode-tabs[b-pl1bufejtf]{flex:0 0 auto;margin:0}.clop-size-popup .clop-mode-tabs button[b-pl1bufejtf]{min-height:48px;font-size:16px;font-weight:var(--lap-fw-bold)}
.clop-size-inputs[b-pl1bufejtf]{padding:16px;background:var(--lap-gray-100)}.clop-size-popup .clop-dimensions input[b-pl1bufejtf]{height:38px}.clop-dimension-field[b-pl1bufejtf]{display:flex;min-width:0;flex-direction:column;gap:var(--lap-1);color:var(--lap-text-secondary);font-size:var(--lap-text-size1)}.clop-dimension-heading[b-pl1bufejtf]{display:flex;align-items:center;justify-content:space-between;gap:var(--lap-2)}.clop-dimension-heading label[b-pl1bufejtf]{display:block}.clop-dimension-heading button[b-pl1bufejtf]{color:var(--lap-primary-500);font-size:var(--lap-text-size1);text-decoration:underline;text-underline-offset:2px}.clop-dimension-control[b-pl1bufejtf]{display:flex;align-items:center;border:1px solid var(--lap-gray-300);border-radius:var(--lap-r-sm);background:var(--lap-white)}.clop-dimension-control input[b-pl1bufejtf]{min-width:0;width:100%;padding-inline:var(--lap-4);border:0;background:transparent;color:var(--lap-text-main);font-size:var(--lap-text-size2)}.clop-dimension-control b[b-pl1bufejtf]{padding-right:var(--lap-4);font-weight:var(--lap-fw-regular)}.clop-size-apply[b-pl1bufejtf]{display:flex;justify-content:flex-end;padding-top:12px}.clop-size-popup .clop-size-hint[b-pl1bufejtf]{margin:0;border-radius:0}.clop-similar-title[b-pl1bufejtf]{display:block;padding:12px 16px 8px;background:var(--lap-white);font-size:var(--lap-text-size2)}
.clop-size-popup .clop-ready-search[b-pl1bufejtf]{flex:0 0 auto;margin:0;padding:16px;background:var(--lap-gray-100)}.clop-size-popup .clop-ready-search input[b-pl1bufejtf]{height:40px}.clop-size-popup .clop-ready-list[b-pl1bufejtf]{min-height:0;max-height:230px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;border:0;border-radius:0}
.clop-size-popup .clop-ready-list button[b-pl1bufejtf]{min-height:72px;padding:10px 16px}.clop-size-popup .clop-ready-list button:hover[b-pl1bufejtf],.clop-size-popup .clop-ready-list button.is-selected[b-pl1bufejtf]{background:var(--lap-primary-50)}
@media(max-width:575.98px){.clop-popup[b-pl1bufejtf]{position:relative;top:auto;margin-top:4px}.clop-size-popup[b-pl1bufejtf]{max-height:min(620px,calc(100dvh - 32px))}.clop-visual-selector[b-pl1bufejtf]{grid-template-columns:44px minmax(0,1fr) 16px;min-height:68px;padding:9px 12px}.clop-shape-preview[b-pl1bufejtf]{width:44px;height:44px}.clop-size-inputs[b-pl1bufejtf]{padding:12px}.clop-size-popup .clop-mode-tabs button[b-pl1bufejtf]{font-size:14px}}
.clop-size-popup .clop-size-hint strong[b-pl1bufejtf]{display:block;color:var(--lap-text-main);font-size:var(--lap-text-size3);line-height:1.5}.clop-size-popup .clop-size-hint strong+span[b-pl1bufejtf]{display:block;margin-top:var(--lap-1);font-size:var(--lap-text-size2)}
/* 직접 입력부도 인쇄의뢰 상세와 같은 박스·간격을 사용해 목록과 정보 위계를 맞춘다. */
.clop-custom-quantity[b-pl1bufejtf]{width:100%;min-height:88px;padding:16px;border-bottom:1px solid var(--lap-gray-200);background:var(--lap-gray-50)}
.clop-custom-quantity-copy[b-pl1bufejtf]{display:flex;min-width:0;flex-direction:column;gap:8px}.clop-custom-quantity-copy>strong[b-pl1bufejtf]{font-size:var(--lap-text-size3)}
.clop-custom-quantity-copy>.clop-quantity-minimum[b-pl1bufejtf]{color:var(--lap-text-secondary);font-size:var(--lap-text-size2)}.clop-quantity-minimum.is-warning[b-pl1bufejtf]{color:var(--lap-danger-500)}
.clop-custom-quantity-input[b-pl1bufejtf]{display:flex;gap:8px}.clop-custom-quantity input[b-pl1bufejtf]{width:120px;height:36px;padding:0 12px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);font-size:var(--lap-text-size3)}
/* 데스크톱 직접입력 가격은 일반 상품 상세와 같은 14px 정보 크기를 유지한다. 옵션 행은 공용 LapQuantitySelector 크기를 그대로 사용한다. */
.clop-custom-price[b-pl1bufejtf]{display:flex;align-items:flex-end;flex-direction:column;gap:2px;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);text-align:right}.clop-custom-price strong[b-pl1bufejtf]{color:var(--lap-color-primary);font-size:inherit}
@media(max-width:575.98px){.clop-custom-quantity-input[b-pl1bufejtf]{width:100%}.clop-custom-quantity-input input[b-pl1bufejtf]{flex:1;width:auto}}
.clop-price-additions[b-pl1bufejtf]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--lap-1);margin-top:var(--lap-1)}

/* 미리보기의 선택 결과를 라프 카드 문법으로 빠르게 확인할 수 있게 구획한다. */
.clop-summary[b-pl1bufejtf]{padding:var(--lap-5);border:1px solid var(--lap-primary-100);border-radius:var(--lap-r-xl);background:linear-gradient(135deg,var(--lap-white) 0%,var(--lap-primary-50) 100%);box-shadow:var(--lap-shadow-1)}
.clop-summary-head[b-pl1bufejtf]{display:flex;align-items:center;gap:var(--lap-3);margin-bottom:var(--lap-4)}
.clop-summary-icon[b-pl1bufejtf]{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--lap-primary-100);color:var(--lap-primary-600)}
.clop-summary-head>div[b-pl1bufejtf]{display:flex;min-width:0;flex-direction:column}
.clop-summary-head>div>span[b-pl1bufejtf]{color:var(--lap-primary-600);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-bold);line-height:1.5}
.clop-summary h2[b-pl1bufejtf]{margin:0;color:var(--lap-text-main);font-size:var(--lap-text-size4);line-height:1.5}
.clop-summary dl[b-pl1bufejtf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lap-2);margin:0;color:var(--lap-text-main);font-weight:var(--lap-fw-regular)}
.clop-summary dl div[b-pl1bufejtf]{display:flex;min-width:0;min-height:72px;flex-direction:column;justify-content:center;padding:var(--lap-3) var(--lap-4);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-lg);background:var(--lap-white);box-shadow:var(--lap-shadow-1)}
.clop-summary dt[b-pl1bufejtf]{color:var(--lap-text-tertiary);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-medium);line-height:1.5}
.clop-summary dt[b-pl1bufejtf]::after{content:none}
.clop-summary dd[b-pl1bufejtf]{min-width:0;margin:var(--lap-1) 0 0;color:var(--lap-text-main);font-size:var(--lap-text-size3);font-weight:var(--lap-fw-bold);line-height:1.5;overflow-wrap:anywhere}

/* 비점착 타입은 인쇄의뢰 상세의 3+2 버튼 배열과 이미지 비율을 공유한다. */
.clop-tag-types[b-pl1bufejtf]{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--lap-1)}
.clop-tag-types button[b-pl1bufejtf]{grid-column:span 2;height:77px;padding:12px 16px;gap:12px}
.clop-tag-types button:nth-child(4)[b-pl1bufejtf],.clop-tag-types button:nth-child(5)[b-pl1bufejtf]{grid-column:span 3}
.clop-tag-types img[b-pl1bufejtf]{width:50px;height:50px;object-fit:contain}
.clop-preview-media[b-pl1bufejtf]{position:relative}
.clop-preview-tag-frame[b-pl1bufejtf]{position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;min-width:0;min-height:0;padding:var(--lap-8) var(--lap-13);overflow:hidden}
.clop-preview-tag-frame img[b-pl1bufejtf]{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.clop-price-values[b-pl1bufejtf]{display:flex;min-width:0;flex-direction:column;align-items:flex-end}
.clop-price-main[b-pl1bufejtf]{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--lap-2)}
.clop-price-label[b-pl1bufejtf]{color:var(--lap-text-secondary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium);white-space:nowrap}
.clop-price-discount[b-pl1bufejtf]{color:var(--lap-danger-500);font-size:var(--lap-text-size4);font-weight:var(--lap-fw-bold)}
.clop-price .clop-price-final[b-pl1bufejtf]{display:block;color:var(--lap-primary-500);font-size:var(--lap-text-size5);line-height:1.35}
.clop-price-list[b-pl1bufejtf]{margin-top:var(--lap-1);color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium)}
.clop-price .clop-price-unit[b-pl1bufejtf]{margin-top:var(--lap-1);color:var(--lap-text-tertiary);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-regular)}
.clop-price-additions.is-consultation[b-pl1bufejtf]{margin-top:0}
@media(max-width:575.98px){.clop-tag-types[b-pl1bufejtf]{grid-template-columns:1fr 1fr}.clop-tag-types button[b-pl1bufejtf],.clop-tag-types button:nth-child(4)[b-pl1bufejtf],.clop-tag-types button:nth-child(5)[b-pl1bufejtf]{grid-column:span 1;height:72px;padding:10px 8px;flex-direction:row;gap:8px}.clop-tag-types button:last-child[b-pl1bufejtf]{grid-column:1/-1}.clop-tag-types img[b-pl1bufejtf]{width:44px;height:44px}.clop-tag-types span[b-pl1bufejtf]{font-size:var(--lap-text-size2)}.clop-preview-tag-frame[b-pl1bufejtf]{padding:var(--lap-4) var(--lap-6)}.clop-price .clop-price-final[b-pl1bufejtf]{font-size:var(--lap-text-size4)}}
/* /Components/Pages/CustomLabel/CustomLabelOptions.razor.rz.scp.css */
.clo-page[b-w6rqx5636r] { display:flex; flex-direction:column; gap:var(--lap-3); }
.clo-page[b-w6rqx5636r]  .lsn-root { width:calc(100% + (var(--lap-6) * 2)); margin-inline:calc(var(--lap-6) * -1); }
.clo-options[b-w6rqx5636r],.clo-process[b-w6rqx5636r],.clo-faq[b-w6rqx5636r] { scroll-margin-top:72px; }
.clo-options[b-w6rqx5636r] { padding:28px 20px 40px; }
.clo-process[b-w6rqx5636r] { overflow:hidden; padding-inline:20px; background:var(--lap-gray-50); }
.clo-faq[b-w6rqx5636r] { display:flex; flex-direction:column; gap:var(--lap-3); width:min(1072px,100%); margin-inline:auto; padding:40px 0; }
.clo-faq > h2[b-w6rqx5636r] { margin:0; font-size:24px; line-height:1.5; text-align:center; }
.clo-faq-list[b-w6rqx5636r] { display:flex; flex-direction:column; gap:var(--lap-3); }
.clo-faq-list article[b-w6rqx5636r] { padding:var(--lap-5); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:var(--lap-primary-50); }
.clo-faq-list h3[b-w6rqx5636r],.clo-faq-list p[b-w6rqx5636r] { display:flex; gap:var(--lap-3); margin:0; line-height:1.5; }
.clo-faq-list h3[b-w6rqx5636r] { font-size:var(--lap-text-size3); }
.clo-faq-list p[b-w6rqx5636r] { margin-top:var(--lap-3); color:var(--lap-text-secondary); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-medium); white-space:pre-line; }
.clo-faq-list h3 span[b-w6rqx5636r] { flex:0 0 auto; color:var(--lap-color-primary); font-weight:var(--lap-fw-bold); }
.clo-faq-list p span[b-w6rqx5636r] { flex:0 0 auto; color:var(--lap-text-tertiary); font-weight:var(--lap-fw-bold); }
.clo-faq-notice[b-w6rqx5636r] { padding:var(--lap-5); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:var(--lap-gray-50); }
.clo-faq-notice h3[b-w6rqx5636r] { display:flex; align-items:center; gap:var(--lap-3); margin:0 0 var(--lap-3); font-size:var(--lap-text-size4); }
.clo-faq-notice h3 span[b-w6rqx5636r] { display:grid; place-items:center; width:var(--lap-5); height:var(--lap-5); border:2px solid var(--lap-information-500); border-radius:50%; color:var(--lap-information-500); font-size:var(--lap-text-size1); }
.clo-faq-notice ul[b-w6rqx5636r] { display:flex; flex-direction:column; gap:var(--lap-2); margin:0; padding:0; list-style:none; color:var(--lap-text-tertiary); font-size:var(--lap-text-size2); line-height:1.5; }
.clo-faq-notice li[b-w6rqx5636r] { display:flex; gap:var(--lap-2); }
.clo-faq-notice li[b-w6rqx5636r]::before { content:"-"; flex:0 0 auto; }
@media(max-width:991.98px){.clo-options[b-w6rqx5636r]{padding-inline:0}}
@media(max-width:767.98px){.clo-options[b-w6rqx5636r],.clo-process[b-w6rqx5636r],.clo-faq[b-w6rqx5636r]{scroll-margin-top:64px}.clo-options[b-w6rqx5636r]{padding:12px 0 24px}.clo-process[b-w6rqx5636r]{padding-inline:0}.clo-faq[b-w6rqx5636r]{padding:24px 0}.clo-faq-list article[b-w6rqx5636r],.clo-faq-notice[b-w6rqx5636r]{padding:var(--lap-4)}.clo-faq-list h3[b-w6rqx5636r],.clo-faq-list p[b-w6rqx5636r]{white-space:normal}}
@media(max-width:479.98px){.clo-page[b-w6rqx5636r]  .lsn-root{width:calc(100% + (var(--lap-4) * 2));margin-inline:calc(var(--lap-4) * -1)}.clo-process[b-w6rqx5636r]{overflow:visible}}
/* /Components/Pages/CustomLabel/CustomLabelProducts.razor.rz.scp.css */
.clp-products[b-z8ulx1sdvm] {
    padding: var(--lap-10) min(248px, 15.35%);
}

.clp-products header[b-z8ulx1sdvm] {
    margin-bottom: var(--lap-6);
    text-align: center;
}

.clp-products h2[b-z8ulx1sdvm],
.clp-products p[b-z8ulx1sdvm] {
    margin: 0;
}

.clp-products h2[b-z8ulx1sdvm] {
    margin-bottom: var(--lap-2);
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
}

.clp-products p[b-z8ulx1sdvm] {
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

@media (max-width: 1199.98px) {
    .clp-products[b-z8ulx1sdvm] {
        padding-right: var(--lap-10);
        padding-left: var(--lap-10);
    }
}

@media (max-width: 767.98px) {
    .clp-products[b-z8ulx1sdvm] {
        padding: var(--lap-5) 0;
    }
}

@media (max-width: 479.98px) {
    .clp-products h2[b-z8ulx1sdvm] {
        font-size: 20px;
    }

    .clp-products p[b-z8ulx1sdvm] {
        font-size: 13px;
    }
}
/* /Components/Pages/CustomLabel/CustomOrderCheckout.razor.rz.scp.css */
.coo-root[b-vcscl0m8kc] { width: 100%; min-width: 0; }
.coo-section + .coo-section[b-vcscl0m8kc] { margin-top: var(--lap-4); }
.coo-section-head[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.coo-info-list[b-vcscl0m8kc] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lap-3) var(--lap-6); }
.coo-info-list > div[b-vcscl0m8kc] { display: flex; gap: var(--lap-2); min-width: 0; }
.coo-info-list .coo-info-address[b-vcscl0m8kc] { grid-column: 1 / -1; }
.coo-info-list strong[b-vcscl0m8kc] { flex: 0 0 auto; }
.coo-info-list strong[b-vcscl0m8kc]::after { content: " :"; }
.coo-info-list span[b-vcscl0m8kc] { min-width: 0; overflow-wrap: anywhere; color: var(--lap-text-secondary); }

.coo-delivery-copy[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-4); margin-bottom: var(--lap-5); }
.coo-delivery-copy > span[b-vcscl0m8kc] { color: var(--lap-text-secondary); font-size: var(--lap-text-size1); text-align: right; }
.coo-delivery-form[b-vcscl0m8kc] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lap-5) var(--lap-6); }
.coo-field[b-vcscl0m8kc] { display: flex; min-width: 0; flex-direction: column; gap: var(--lap-3); }
.coo-field-wide[b-vcscl0m8kc] { grid-column: 1 / -1; }
.coo-field-label[b-vcscl0m8kc] { color: var(--lap-text-main); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-medium); }
.coo-field-label em[b-vcscl0m8kc] { margin-left: var(--lap-2); color: var(--lap-primary-500); font-size: var(--lap-text-size1); font-style: italic; font-weight: var(--lap-fw-regular); }
.coo-field[b-vcscl0m8kc]  .coo-required-detail-address .li-label::after { content: "(필수)"; margin-left: var(--lap-2); color: var(--lap-primary-500); font-size: var(--lap-text-size1); font-style: italic; font-weight: var(--lap-fw-regular); }
.coo-field-wide.is-error[b-vcscl0m8kc]  .li-box { border-color: var(--lap-danger-500); }
.coo-message[b-vcscl0m8kc] { position: relative; }
.coo-message > span[b-vcscl0m8kc] { position: absolute; right: 0; bottom: calc(var(--lap-5) * -1); color: var(--lap-text-muted); font-size: var(--lap-text-size1); }
.coo-order-group[b-vcscl0m8kc] { overflow: hidden; padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.coo-order-head[b-vcscl0m8kc] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(max-content, .8fr) minmax(max-content, .55fr) minmax(max-content, 1fr); align-items: center; gap: var(--lap-3); padding-bottom: var(--lap-4); }
.coo-order-destination[b-vcscl0m8kc] { display: flex; min-width: 0; flex-direction: column; gap: var(--lap-1); }
.coo-order-address[b-vcscl0m8kc] { overflow: hidden; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-regular); text-overflow: ellipsis; white-space: nowrap; }
.coo-order-head > span:nth-last-child(2)[b-vcscl0m8kc], .coo-order-head > strong[b-vcscl0m8kc] { justify-self: end; white-space: nowrap; }
.coo-order-body[b-vcscl0m8kc] { padding-top: var(--lap-4); border-top: 1px solid var(--lap-gray-200); }
.coo-order-title[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); font-weight: var(--lap-fw-semibold); }
.coo-order-title small[b-vcscl0m8kc] { color: var(--lap-text-secondary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-regular); text-align: right; }
.coo-items[b-vcscl0m8kc] { margin-top: var(--lap-3); overflow: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); }
.coo-item-cols[b-vcscl0m8kc] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(60px, .55fr) minmax(90px, .8fr) minmax(0, 1.35fr) minmax(90px, .8fr); align-items: center; gap: var(--lap-2); text-align: center; }
.coo-item-cols > *[b-vcscl0m8kc] { width: 100%; min-width: 0; padding: var(--lap-2) var(--lap-1); overflow-wrap: anywhere; text-align: center; }
.coo-item-value[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; }
.coo-availability-value[b-vcscl0m8kc] { gap: var(--lap-2); color: var(--lap-text-secondary); font-size: var(--lap-text-size1); white-space: nowrap; }
.coo-items > .lap-table-row:hover[b-vcscl0m8kc] { background: var(--lap-gray-100); }
.coo-production-notice[b-vcscl0m8kc] { margin: var(--lap-3) 0 0; color: var(--lap-text-secondary); font-size: var(--lap-text-size1); }
.coo-order-footer[b-vcscl0m8kc] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 260px); gap: var(--lap-6); margin-top: var(--lap-4); }
.coo-order-summary-card[b-vcscl0m8kc] { padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); }
.coo-order-summary-card > div[b-vcscl0m8kc] { display: flex; justify-content: space-between; gap: var(--lap-3); margin-bottom: var(--lap-2); color: var(--lap-text-secondary); }
.coo-order-summary-card > div strong[b-vcscl0m8kc] { color: var(--lap-text-main); }
.coo-order-summary-card > .coo-order-summary-total[b-vcscl0m8kc] { margin-top: var(--lap-3); margin-bottom: 0; color: var(--lap-danger-500); font-weight: var(--lap-fw-bold); }
.coo-order-summary-card > .coo-order-summary-total strong[b-vcscl0m8kc] { color: var(--lap-danger-500); }
.coo-payment-list[b-vcscl0m8kc] { display: flex; flex-direction: column; gap: var(--lap-3); }
.coo-bank-box[b-vcscl0m8kc] { display: flex; flex-direction: column; gap: var(--lap-3); margin-left: calc(var(--lap-5) + var(--lap-2)); padding: var(--lap-5); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-lg); }
.coo-bank-box > div[b-vcscl0m8kc] { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: var(--lap-4); }
.coo-bank-box span[b-vcscl0m8kc] { color: var(--lap-text-secondary); }
.coo-bank-input p[b-vcscl0m8kc] { margin: var(--lap-2) 0 0; color: var(--lap-danger-500); font-size: var(--lap-text-size1); }

.coo-summary-sticky[b-vcscl0m8kc] { position: sticky; top: var(--lap-4); }
.coo-summary-list[b-vcscl0m8kc] { display: flex; flex-direction: column; gap: var(--lap-3); }
.coo-summary-list > div[b-vcscl0m8kc], .coo-total[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.coo-summary-list strong[b-vcscl0m8kc] { color: var(--lap-text-primary); text-align: right; }
.coo-total[b-vcscl0m8kc] { color: var(--lap-danger-500); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-semibold); }
.coo-total strong[b-vcscl0m8kc] { font-size: var(--lap-text-size4); }
.coo-agreement-card[b-vcscl0m8kc] { margin-top: var(--lap-4); }
.coo-guide-links[b-vcscl0m8kc] { display: flex; align-items: center; justify-content: flex-start; gap: var(--lap-1); }
.coo-help-button[b-vcscl0m8kc] { width: var(--lap-5); height: var(--lap-5); display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--lap-text-disabled); cursor: pointer; transition: color var(--lap-motion-fast) ease; }
.coo-help-button:hover[b-vcscl0m8kc] { color: var(--lap-primary-500); }
.coo-help-button:focus-visible[b-vcscl0m8kc] { border-radius: var(--lap-r-max); outline: 2px solid var(--lap-primary-500); outline-offset: 2px; }
.coo-agreement-list[b-vcscl0m8kc] { display: flex; flex-direction: column; gap: var(--lap-3); margin: var(--lap-4) 0; padding: 0; list-style: none; }
.coo-submit[b-vcscl0m8kc] { margin-top: var(--lap-4); }

@media (max-width: 1199.98px) {
  .coo-summary-sticky[b-vcscl0m8kc] { position: static; }
}

@media (max-width: 767.98px) {
  .coo-section[b-vcscl0m8kc] { padding: var(--lap-5) !important; }
  .coo-section + .coo-section[b-vcscl0m8kc] { margin-top: var(--lap-3); }
  .coo-section-head[b-vcscl0m8kc] { align-items: flex-start; }
  .coo-info-list[b-vcscl0m8kc], .coo-delivery-form[b-vcscl0m8kc] { grid-template-columns: 1fr; gap: var(--lap-4); }
  .coo-info-list .coo-info-address[b-vcscl0m8kc], .coo-field-wide[b-vcscl0m8kc] { grid-column: auto; }
  .coo-info-list > div[b-vcscl0m8kc] { flex-direction: column; gap: 0; }
  .coo-info-list strong[b-vcscl0m8kc]::after { content: ""; }
  .coo-delivery-copy[b-vcscl0m8kc] { align-items: flex-start; flex-direction: column; gap: var(--lap-2); }
  .coo-delivery-copy > span[b-vcscl0m8kc] { text-align: left; }
  .coo-order-section[b-vcscl0m8kc] { padding: 0 !important; }
  .coo-order-group[b-vcscl0m8kc] { padding: var(--lap-5); border-radius: var(--lap-r-xl); }
  .coo-order-head[b-vcscl0m8kc] { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--lap-2) var(--lap-3); }
  .coo-order-destination[b-vcscl0m8kc] { grid-column: 1 / -1; }
  .coo-order-head > span:nth-last-child(2)[b-vcscl0m8kc] { justify-self: end; }
  .coo-order-head > strong[b-vcscl0m8kc] { justify-self: end; }
  .coo-order-title[b-vcscl0m8kc] { align-items: flex-start; flex-direction: column; gap: var(--lap-1); }
  .coo-order-title small[b-vcscl0m8kc] { text-align: left; }
  .coo-item-cols[b-vcscl0m8kc] { grid-template-columns: 1fr; }
  .coo-items > .lap-table-head[b-vcscl0m8kc] { display: none; }
  .coo-items > .lap-table-row[b-vcscl0m8kc] { gap: 0; padding: var(--lap-5) var(--lap-4); }
  .coo-items > .lap-table-row > *[b-vcscl0m8kc] { display: grid; grid-template-columns: minmax(calc(var(--lap-1) * 18), .85fr) minmax(0, 1fr); align-items: center; min-height: calc(var(--lap-1) * 6); padding: 0; text-align: left; }
  .coo-items > .lap-table-row > *[b-vcscl0m8kc]::before { content: attr(data-label); font-weight: var(--lap-fw-medium); }
  .coo-items .coo-item-value[b-vcscl0m8kc] { align-self: stretch; justify-content: flex-start; min-height: calc(var(--lap-1) * 6); padding-left: var(--lap-3); border-left: 1px solid var(--lap-gray-200); text-align: left; }
  .coo-items .coo-availability-value[b-vcscl0m8kc] { align-items: flex-start; justify-content: center; flex-direction: column; gap: var(--lap-1); white-space: normal; }
  .coo-order-footer[b-vcscl0m8kc] { grid-template-columns: 1fr; }
  .coo-order-footer > div:first-child[b-vcscl0m8kc] { display: none; }
  .coo-bank-box[b-vcscl0m8kc] { margin-left: 0; padding: var(--lap-4); }
  .coo-bank-box > div[b-vcscl0m8kc] { grid-template-columns: 1fr; gap: var(--lap-1); }
}
/* /Components/Pages/DashBoard/DashBoard.razor.rz.scp.css */
.db-hero[b-5xqf937451] {
  display: block;
  margin-bottom: var(--lap-5);
}
/* /Components/Pages/DashBoard/Widgets/FavoriteDashboardWidget.razor.rz.scp.css */
.fdw-state[b-eroyd5na6p] {
  display: flex;
  min-height: calc(var(--lap-1) * 45);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--lap-2);
  color: var(--lap-text-secondary);
  text-align: center;
}

.fdw-state.is-error[b-eroyd5na6p] {
  color: var(--lap-danger-500);
}

.fdw-list[b-eroyd5na6p] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fdw-item[b-eroyd5na6p] {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-2);
  padding: var(--lap-3) 0;
  border-bottom: 1px solid var(--lap-gray-200);
}

.fdw-item:first-child[b-eroyd5na6p] {
  padding-top: 0;
}

.fdw-item:last-child[b-eroyd5na6p] {
  padding-bottom: 0;
  border-bottom: 0;
}

.fdw-product[b-eroyd5na6p] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--lap-3);
  color: var(--lap-text-main);
  text-decoration: none;
}

.fdw-product:hover strong[b-eroyd5na6p] {
  color: var(--lap-color-primary);
  text-decoration: none;
}

.fdw-product img[b-eroyd5na6p] {
  width: var(--lap-12);
  height: var(--lap-12);
  flex: 0 0 var(--lap-12);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-md);
  background: var(--lap-white);
  object-fit: contain;
}

.fdw-product strong[b-eroyd5na6p] {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Components/Pages/DashBoard/Widgets/NewsDashboardWidget.razor.rz.scp.css */
.ndw-panel[b-jhgaytpbya] { min-width: 0; }

.ndw-state[b-jhgaytpbya] {
  display: flex;
  min-height: calc(var(--lap-1) * 14);
  align-items: center;
  justify-content: center;
  color: var(--lap-text-secondary);
  text-align: center;
}

.ndw-state.is-error[b-jhgaytpbya] { color: var(--lap-danger-500); }
.ndw-list[b-jhgaytpbya] { margin: 0; padding-left: var(--lap-4); color: var(--lap-text-main); }
.ndw-list li[b-jhgaytpbya] { position: relative; min-width: 0; padding-left: var(--lap-3); }
.ndw-list li + li[b-jhgaytpbya] { margin-top: var(--lap-1); }
.ndw-list li[b-jhgaytpbya]::before { position: absolute; top: 0; left: 0; color: var(--lap-text-main); content: "•"; }
.ndw-list a[b-jhgaytpbya] { display: flex; min-width: 0; align-items: center; gap: var(--lap-1); color: inherit; text-decoration: none; }
.ndw-item-title[b-jhgaytpbya] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ndw-list a:hover[b-jhgaytpbya],
.ndw-list a:focus-visible[b-jhgaytpbya] { color: var(--lap-color-primary); }

/* /Components/Pages/DashBoard/Widgets/OneToOneInquiryDashboardWidget.razor.rz.scp.css */
[b-rfuftems39] .otow-body { overflow: hidden; }
.otow-state[b-rfuftems39] { display: flex; min-height: calc(var(--lap-1) * 64); align-items: center; justify-content: center; color: var(--lap-text-secondary); text-align: center; }
.otow-state.is-error[b-rfuftems39] { color: var(--lap-danger-500); }
.otow-list[b-rfuftems39] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.otow-row[b-rfuftems39] { display: grid; min-width: 0; min-height: calc(var(--lap-1) * 11); grid-template-columns: calc(var(--lap-1) * 11) minmax(0, 1fr) auto; align-items: center; gap: var(--lap-2); padding: var(--lap-2) 0; border-bottom: 1px solid var(--lap-gray-200); color: var(--lap-text-main); text-decoration: none; }
.otow-list li:last-child .otow-row[b-rfuftems39] { border-bottom: 0; }
.otow-row time[b-rfuftems39] { color: var(--lap-text-muted); font-size: var(--lap-text-size2); white-space: nowrap; }
.otow-row:hover[b-rfuftems39],
.otow-row:focus-visible[b-rfuftems39] { background: var(--lap-gray-50); color: var(--lap-color-primary); text-decoration: none; }
.otow-row:focus-visible[b-rfuftems39] { outline: 2px solid var(--lap-primary-300); outline-offset: -2px; }
.otow-title[b-rfuftems39] { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/DashBoard/Widgets/PartnerGradeDashboardWidget.razor.rz.scp.css */
.pgw-panel[b-xvxn1dmhp1] { min-width: 0; }

.pgw-meta[b-xvxn1dmhp1],
.pgw-grade-value[b-xvxn1dmhp1] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--lap-1);
}

.pgw-help-icon[b-xvxn1dmhp1] {
  color: var(--lap-text-disabled);
  transition: color var(--lap-motion-fast) ease;
}

.pgw-help-button[b-xvxn1dmhp1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--lap-r-sm);
  background: transparent;
  cursor: pointer;
}

.pgw-help-button:hover .pgw-help-icon[b-xvxn1dmhp1] { color: var(--lap-color-primary); }

.pgw-help-button:focus-visible[b-xvxn1dmhp1] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: var(--lap-1);
}

.pgw-state[b-xvxn1dmhp1] {
  display: flex;
  min-height: calc(var(--lap-1) * 14);
  align-items: center;
  justify-content: center;
  color: var(--lap-text-secondary);
  text-align: center;
}

.pgw-state.is-error[b-xvxn1dmhp1] { color: var(--lap-danger-500); }
.pgw-grade-col[b-xvxn1dmhp1] { margin-top: var(--lap-4); border-left: 0; }
.pgw-grade-pad[b-xvxn1dmhp1] { padding-left: 0; }
.pgw-grade-value strong[b-xvxn1dmhp1],
.pgw-grade-amount[b-xvxn1dmhp1] { font-weight: var(--lap-fw-bold); }

.pgw-grade-0[b-xvxn1dmhp1] { color: #8f98a1; }
.pgw-grade-1[b-xvxn1dmhp1] { color: #25945f; }
.pgw-grade-2[b-xvxn1dmhp1] { color: #2384c6; }
.pgw-grade-3[b-xvxn1dmhp1] { color: #864cc5; }
.pgw-grade-4[b-xvxn1dmhp1] { color: #e9aa00; }
.pgw-grade-5[b-xvxn1dmhp1] { color: #ff7f83; }
.pgw-grade-fixed[b-xvxn1dmhp1] { color: var(--lap-color-primary); }

@media (min-width: 768px) {
  .pgw-grade-col[b-xvxn1dmhp1] { margin-top: 0; border-left: 1px solid var(--lap-gray-200); }
  .pgw-grade-pad[b-xvxn1dmhp1] { padding-left: var(--lap-4); }
}

@media (prefers-reduced-motion: reduce) {
  .pgw-help-icon[b-xvxn1dmhp1] { transition: none; }
}
/* /Components/Pages/DashBoard/Widgets/QuickOrderDashboardWidget.razor.rz.scp.css */
.qodw-form[b-xt744itqlv] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  min-width: 0;
}

.qodw-inline-field[b-xt744itqlv] {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: var(--lap-2);
  min-width: 0;
}

.qodw-label[b-xt744itqlv] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-semibold);
  white-space: nowrap;
}

.qodw-action-field[b-xt744itqlv] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--lap-2);
  min-width: 0;
}

/* 비활성 상태에서도 스테퍼 배경이 그리드의 남는 폭까지 늘어나 + 영역처럼 보이지 않게 한다. */
.qodw-action-field[b-xt744itqlv]  .qodw-quantity-stepper {
  width: max-content;
  max-width: 100%;
  justify-self: start;
}

.qodw-options[b-xt744itqlv] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--lap-2);
  align-items: end;
}

.qodw-result[b-xt744itqlv] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  min-height: 44px;
  color: var(--lap-text-muted);
}

.qodw-result-line[b-xt744itqlv] {
  display: flex;
  justify-content: space-between;
  gap: var(--lap-2);
}

.qodw-result-line > span:last-child[b-xt744itqlv] {
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qodw-result strong[b-xt744itqlv] {
  color: var(--lap-color-primary);
}

.qodw-result-price strong[b-xt744itqlv] {
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
}

.qodw-error[b-xt744itqlv] {
  margin: 0;
  color: var(--lap-danger-500);
  font-size: var(--lap-fs-caption);
}

.qodw-prosumer[b-xt744itqlv] {
  margin: 0;
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-semibold);
  line-height: 1.35;
}
/* /Components/Pages/DashBoard/Widgets/RecentOrderReportDashboardWidget.razor.rz.scp.css */
.rordw-panel[b-ac2lkqox9y] { min-width: 0; }

@media (max-width: 767.98px) {
  .rordw-title-note[b-ac2lkqox9y] { display: none; }
}
/* /Components/Pages/DashBoard/Widgets/RecentOrdersDashboardWidget.razor.rz.scp.css */
[b-1tdvyh58ew] .rodw-body { overflow: hidden; }
.rodw-state[b-1tdvyh58ew] { display: flex; min-height: calc(var(--lap-1) * 64); align-items: center; justify-content: center; color: var(--lap-text-secondary); text-align: center; }
.rodw-state.is-error[b-1tdvyh58ew] { color: var(--lap-danger-500); }
.rodw-list[b-1tdvyh58ew] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rodw-row[b-1tdvyh58ew] { display: grid; min-width: 0; min-height: calc(var(--lap-1) * 11); grid-template-columns: calc(var(--lap-1) * 11) minmax(0, 1fr) max-content auto; align-items: center; gap: var(--lap-2); padding: var(--lap-2) 0; border-bottom: 1px solid var(--lap-gray-200); }
.rodw-list .rodw-row:last-child[b-1tdvyh58ew] { border-bottom: 0; }
.rodw-row time[b-1tdvyh58ew] { color: var(--lap-text-muted); font-size: var(--lap-text-size2); white-space: nowrap; }
.rodw-name[b-1tdvyh58ew] { overflow: hidden; min-width: 0; color: var(--lap-text-main); text-overflow: ellipsis; white-space: nowrap; }
[b-1tdvyh58ew] .rodw-order-number { white-space: nowrap; }
/* /Components/Pages/Error/ErrorPage.razor.rz.scp.css */
.ep-root[b-lrf51wt53s] {
	min-height: 100%;
}

.ep-panel[b-lrf51wt53s] {
	max-width: 720px;
	margin: var(--lap-12) auto 0;
	padding: var(--lap-8);
	text-align: center;
}

.ep-icon[b-lrf51wt53s] {
	width: var(--lap-12);
	height: var(--lap-12);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--lap-r-max);
	color: var(--lap-color-primary);
	background: var(--lap-color-primary-soft);
}

.ep-copy[b-lrf51wt53s] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	margin-top: var(--lap-6);
}

.ep-title[b-lrf51wt53s] {
	font-size: var(--lap-text-size5);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-tight);
	color: var(--lap-text-main);
}

.ep-title:focus[b-lrf51wt53s] {
	outline: none;
}

.ep-message[b-lrf51wt53s] {
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-text-main);
}

.ep-guide[b-lrf51wt53s] {
	font-size: var(--lap-text-size2);
	color: var(--lap-text-muted);
}

.ep-actions[b-lrf51wt53s] {
	display: flex;
	justify-content: center;
	margin-top: var(--lap-8);
}

.ep-dev[b-lrf51wt53s] {
	margin-top: var(--lap-8);
	padding: var(--lap-4);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	text-align: left;
	background: var(--lap-gray-50);
}

.ep-dev summary[b-lrf51wt53s] {
	cursor: pointer;
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-text-main);
}

.ep-dev-list[b-lrf51wt53s] {
	display: grid;
	gap: var(--lap-2);
	margin: var(--lap-4) 0;
}

.ep-dev-list div[b-lrf51wt53s] {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: var(--lap-3);
}

.ep-dev-list dt[b-lrf51wt53s] {
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-text-main);
}

.ep-dev-list dd[b-lrf51wt53s] {
	margin: 0;
	color: var(--lap-text-muted);
	overflow-wrap: anywhere;
}

.ep-stack[b-lrf51wt53s] {
	max-height: 320px;
	margin: 0;
	padding: var(--lap-4);
	overflow: auto;
	border-radius: var(--lap-r-md);
	background: var(--lap-gray-900);
	color: var(--lap-text-inverse);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal-plus);
	white-space: pre-wrap;
}

@media (max-width: 767.98px) {
	.ep-panel[b-lrf51wt53s] {
		margin-top: var(--lap-4);
		padding: var(--lap-6);
	}

	.ep-dev-list div[b-lrf51wt53s] {
		grid-template-columns: 1fr;
		gap: var(--lap-1);
	}
}
/* /Components/Pages/Event/Event.razor.rz.scp.css */
.ev-empty[b-p15inrms7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ev-empty-image[b-p15inrms7t] {
    display: block;
    max-width: 100%;
    height: auto;
}

.ev-empty-message[b-p15inrms7t] {
    margin: var(--lap-5) 0 0;
}

.ev-content[b-p15inrms7t] {
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ev-content[b-p15inrms7t]  img,
.ev-content[b-p15inrms7t]  video,
.ev-content[b-p15inrms7t]  iframe {
    max-width: 100%;
}

.ev-content[b-p15inrms7t]  img,
.ev-content[b-p15inrms7t]  video {
    height: auto;
}
/* /Components/Pages/Event/EventClosed.razor.rz.scp.css */
/* ===============================
   Event Table Columns
   =============================== */

.ev-cols[b-a3fu9mgco0] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 140px;
    align-items: center;
}

.lap-table[b-a3fu9mgco0] {
    min-width: 0;
    width: 100%;
}

.ev-title[b-a3fu9mgco0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media (max-width: 1200px) {

    .ev-cols[b-a3fu9mgco0] {
        grid-template-columns: 1fr;
    }

        .ev-cols > div:first-child[b-a3fu9mgco0],
        .ev-cols > div:last-child[b-a3fu9mgco0] {
            display: none;
        }

    .ev-title[b-a3fu9mgco0] {
        white-space: normal;
    }
}
/* /Components/Pages/Event/EventClosedDetail.razor.rz.scp.css */
.ev-panel[b-t69rhhoaxt] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.ev-content-header[b-t69rhhoaxt] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.ev-title[b-t69rhhoaxt] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.ev-list-button[b-t69rhhoaxt] {
    flex: 0 0 auto;
}

.ev-content[b-t69rhhoaxt] {
    width: 100%;
    min-width: 0;
    color: var(--lap-text-main);
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.ev-content[b-t69rhhoaxt]  img,
.ev-content[b-t69rhhoaxt]  video,
.ev-content[b-t69rhhoaxt]  iframe {
    max-width: 100%;
}

.ev-content[b-t69rhhoaxt]  img,
.ev-content[b-t69rhhoaxt]  video {
    height: auto;
}

@media (max-width: 576px) {
    .ev-content-header[b-t69rhhoaxt] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/ExcelCsvUpload/FileImport.razor.rz.scp.css */
.fi-page[b-e4xy3batg0] { --fi-border: var(--lap-gray-200-hex); color: var(--lap-text-primary-hex); }
.fi-header[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: flex-end; }
.fi-header h1[b-e4xy3batg0] { margin: 0; }
.fi-header p[b-e4xy3batg0], .fi-section-head p[b-e4xy3batg0] { margin: var(--lap-1) 0 0; color: var(--lap-text-secondary-hex); }
.fi-steps[b-e4xy3batg0] { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; padding: 0; margin: var(--lap-5) 0; border: 1px solid var(--fi-border); border-radius: var(--lap-r-lg); background: var(--lap-white-hex); }
.fi-steps li[b-e4xy3batg0] { display: flex; align-items: center; justify-content: center; min-height: 72px; column-gap: var(--lap-2); position: relative; }
.fi-steps li:not(:last-child)[b-e4xy3batg0]::after { content: ""; position: absolute; right: 0; width: 1px; height: 32px; background: var(--fi-border); }
.fi-steps strong[b-e4xy3batg0] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--lap-primary-600-hex); background: var(--lap-primary-50-hex); }
.fi-panel[b-e4xy3batg0] { padding: var(--lap-5); margin-top: var(--lap-4); border: 1px solid var(--fi-border); border-radius: var(--lap-r-lg); background: var(--lap-white-hex); }
.fi-section-head[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: flex-start; column-gap: var(--lap-4); }
.fi-section-head h2[b-e4xy3batg0], .fi-subsection-head h3[b-e4xy3batg0] { margin: 0; font-size: var(--lap-text-size4); }
.fi-template-actions[b-e4xy3batg0] { display: flex; column-gap: var(--lap-2); }
.fi-notices[b-e4xy3batg0] { margin-top: var(--lap-4); padding: var(--lap-3) var(--lap-4); background: var(--lap-primary-50-hex); border-radius: var(--lap-r-lg); }
.fi-notices h3[b-e4xy3batg0] { margin: 0; font-size: var(--lap-text-size3); }
.fi-notices ul[b-e4xy3batg0] { margin: var(--lap-2) 0 0; padding-left: var(--lap-5); }
.fi-notices li[b-e4xy3batg0] { padding-left: var(--lap-1); line-height: 1.7; }
.fi-notices li + li[b-e4xy3batg0] { margin-top: var(--lap-1); }
.fi-guide-section[b-e4xy3batg0] { margin-top: var(--lap-4); padding: var(--lap-4); border: 1px solid var(--fi-border); border-radius: var(--lap-r-lg); background: var(--lap-white-hex); }
.fi-subsection-head[b-e4xy3batg0] { display: flex; align-items: flex-start; column-gap: var(--lap-3); }
.fi-subsection-head > span[b-e4xy3batg0] { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: var(--lap-primary-700-hex); background: var(--lap-primary-50-hex); font-weight: 700; }
.fi-subsection-head p[b-e4xy3batg0] { margin: var(--lap-1) 0 0; color: var(--lap-text-secondary-hex); line-height: 1.6; }
.fi-packing-guide[b-e4xy3batg0] { background: var(--lap-gray-50-hex); }
.fi-destination-guide[b-e4xy3batg0] { border-color: var(--lap-primary-200-hex); }
.fi-destination-guide ol[b-e4xy3batg0] { margin: var(--lap-3) 0 0; padding-left: 22px; }
.fi-destination-guide li[b-e4xy3batg0] { padding-left: var(--lap-1); line-height: 1.7; }
.fi-destination-guide li + li[b-e4xy3batg0] { margin-top: var(--lap-1); }
.fi-destination-guide p[b-e4xy3batg0] { margin: var(--lap-3) 0 0; color: var(--lap-primary-700-hex); }
.fi-guide-table-wrap[b-e4xy3batg0] { margin-top: var(--lap-3); overflow-x: auto; border: 1px solid var(--fi-border); border-radius: var(--lap-r-md); background: var(--lap-white-hex); }
.fi-guide-table[b-e4xy3batg0] { width: 100%; border-collapse: collapse; min-width: 680px; }
.fi-guide-table th[b-e4xy3batg0], .fi-guide-table td[b-e4xy3batg0] { padding: var(--lap-3); border-bottom: 1px solid var(--fi-border); text-align: left; }
.fi-guide-table tbody tr:last-child td[b-e4xy3batg0] { border-bottom: 0; }
.fi-guide-table th[b-e4xy3batg0] { color: var(--lap-text-secondary-hex); background: var(--lap-gray-100-hex); }
.fi-guide-table td:nth-child(2)[b-e4xy3batg0] { color: var(--lap-primary-700-hex); }
.fi-examples[b-e4xy3batg0] { border-color: var(--lap-warning-200-hex); }
.fi-error-guide[b-e4xy3batg0] { border-color: var(--lap-danger-200-hex); background: var(--lap-white-hex); }
.fi-error-guide ol[b-e4xy3batg0] { margin: var(--lap-3) 0 0; padding-left: 22px; }
.fi-error-guide li[b-e4xy3batg0] { padding-left: var(--lap-1); line-height: 1.7; }
.fi-error-guide li + li[b-e4xy3batg0] { margin-top: var(--lap-1); }
.fi-example-table-wrap[b-e4xy3batg0] { margin-top: var(--lap-3); overflow-x: auto; }
.fi-example-table[b-e4xy3batg0] { min-width: 1500px; width: 100%; border-collapse: collapse; }
.fi-example-table th[b-e4xy3batg0], .fi-example-table td[b-e4xy3batg0] { padding: var(--lap-2) var(--lap-3); border: 1px solid var(--fi-border); text-align: left; white-space: nowrap; }
.fi-example-table th[b-e4xy3batg0] { background: var(--lap-primary-50-hex); }
.fi-example-table td[b-e4xy3batg0] { background: var(--lap-warning-50-hex); }
.fi-upload-box[b-e4xy3batg0] { display: flex; align-items: flex-start; column-gap: var(--lap-3); margin-top: var(--lap-4); padding: var(--lap-4); border: 1px dashed var(--lap-gray-400-hex); border-radius: var(--lap-r-lg); background: var(--lap-gray-50-hex); }
.fi-upload-box[b-e4xy3batg0]  .fi-file-upload { flex: 1 1 auto; min-width: 0; }
.fi-upload-box[b-e4xy3batg0]  .fi-file-upload .lfu-box { max-width: none; }
.fi-upload-box[b-e4xy3batg0]  .fi-upload-submit { flex: 0 0 auto; margin-top: calc((var(--lap-12) - var(--lap-9)) / 2); }
.fi-message[b-e4xy3batg0] { margin: var(--lap-3) 0 0; padding: var(--lap-3); border-radius: var(--lap-r-sm); }
.fi-message.is-error[b-e4xy3batg0] { color: var(--lap-danger-700-hex); background: var(--lap-danger-50-hex); }
.fi-message.is-info[b-e4xy3batg0] { color: var(--lap-primary-700-hex); background: var(--lap-primary-50-hex); }
.fi-result-notices[b-e4xy3batg0] { display: grid; row-gap: var(--lap-3); margin-top: var(--lap-4); }
.fi-result-notice[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: center; column-gap: var(--lap-3); padding: var(--lap-4); border: 1px solid; border-radius: var(--lap-r-lg); }
.fi-result-notice.is-success[b-e4xy3batg0] { border-color: var(--lap-success-200-hex); background: var(--lap-success-50-hex); }
.fi-result-notice.is-danger[b-e4xy3batg0] { border-color: var(--lap-danger-200-hex); background: var(--lap-danger-50-hex); }
.fi-result-notice strong[b-e4xy3batg0] { font-size: var(--lap-text-size4); }
.fi-result-notice p[b-e4xy3batg0] { margin: var(--lap-1) 0 0; color: var(--lap-text-secondary-hex); }
.fi-error-toggle[b-e4xy3batg0] { overflow: hidden; border: 1px solid var(--lap-danger-200-hex); border-radius: var(--lap-r-lg); background: var(--lap-white-hex); }
.fi-error-toggle summary[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: center; column-gap: var(--lap-3); padding: var(--lap-4); color: var(--lap-danger-700-hex); background: var(--lap-danger-50-hex); cursor: pointer; list-style: none; }
.fi-error-toggle summary[b-e4xy3batg0]::-webkit-details-marker { display: none; }
.fi-error-toggle summary > span:first-child[b-e4xy3batg0] { display: flex; flex-direction: column; row-gap: var(--lap-1); }
.fi-error-toggle summary small[b-e4xy3batg0] { color: var(--lap-text-secondary-hex); font-weight: var(--lap-fw-regular); }
.fi-toggle-label[b-e4xy3batg0] { flex: 0 0 auto; font-weight: var(--lap-fw-semibold); }
.fi-error-toggle[open] .fi-toggle-label[b-e4xy3batg0]::after { content: "닫기"; }
.fi-error-toggle:not([open]) .fi-toggle-label[b-e4xy3batg0]::after { content: "자세히 보기"; }
.fi-error-destinations[b-e4xy3batg0] { display: grid; row-gap: var(--lap-3); padding: var(--lap-3); }
.fi-error-destination[b-e4xy3batg0] { padding: var(--lap-4); border: 1px solid var(--lap-danger-200-hex); border-radius: var(--lap-r-md); background: var(--lap-white-hex); }
.fi-error-destination-head[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: flex-start; column-gap: var(--lap-3); }
.fi-error-destination-head p[b-e4xy3batg0] { margin: var(--lap-1) 0 0; color: var(--lap-text-secondary-hex); }
.fi-error-inputs[b-e4xy3batg0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: var(--lap-3) 0 0; border: 1px solid var(--fi-border); border-radius: var(--lap-r-sm); overflow: hidden; }
.fi-error-inputs > div[b-e4xy3batg0] { display: grid; grid-template-columns: 90px minmax(0, 1fr); column-gap: var(--lap-2); padding: var(--lap-2) var(--lap-3); border-bottom: 1px solid var(--fi-border); }
.fi-error-inputs > div:nth-child(odd)[b-e4xy3batg0] { border-right: 1px solid var(--fi-border); }
.fi-error-inputs dt[b-e4xy3batg0] { color: var(--lap-text-tertiary-hex); }
.fi-error-inputs dd[b-e4xy3batg0] { margin: 0; overflow-wrap: anywhere; }
.fi-error-list[b-e4xy3batg0] { display: grid; row-gap: var(--lap-2); margin: var(--lap-3) 0 0; padding: 0; list-style: none; }
.fi-error-destination li[b-e4xy3batg0] { display: grid; grid-template-columns: minmax(90px, 120px) 1fr; column-gap: var(--lap-3); padding: var(--lap-2) var(--lap-3); border-radius: var(--lap-r-sm); background: var(--lap-danger-50-hex); }
.fi-error-exclusion[b-e4xy3batg0] { display: flex; justify-content: space-between; align-items: center; column-gap: var(--lap-3); padding: var(--lap-4); border-top: 1px solid var(--fi-border); }
.fi-error-exclusion p[b-e4xy3batg0] { margin: 0; color: var(--lap-text-secondary-hex); }
.fi-duplicate[b-e4xy3batg0] { display: flex; align-items: center; column-gap: var(--lap-2); margin-top: var(--lap-3); padding: var(--lap-3); color: var(--lap-warning-800-hex); background: var(--lap-warning-50-hex); border-radius: var(--lap-r-sm); }
.fi-preview-title[b-e4xy3batg0] { margin: var(--lap-5) 0 0; font-size: var(--lap-text-size4); }
.fi-preview-filter[b-e4xy3batg0] { margin-top: var(--lap-3); padding: 0; background: transparent; }
.fi-preview-filter input[b-e4xy3batg0] { width: min(100%, 420px); min-height: 36px; padding: 0 var(--lap-3); border: 1px solid var(--lap-gray-300-hex); border-radius: var(--lap-r-sm); }
.fi-preview-table[b-e4xy3batg0] { overflow-x: auto; border: 1px solid var(--fi-border); border-radius: var(--lap-r-lg); }
.fi-preview-head[b-e4xy3batg0], .fi-preview-row[b-e4xy3batg0] { display: grid; grid-template-columns: 52px minmax(160px, 1.35fr) minmax(90px, .7fr) minmax(110px, .8fr) 90px 70px minmax(170px, 1.3fr) 110px; min-width: 1050px; align-items: center; }
.fi-preview-head[b-e4xy3batg0] { min-height: 44px; font-weight: 600; text-align: center; background: var(--lap-gray-50-hex); }
.fi-preview-row[b-e4xy3batg0] { min-height: 64px; border-top: 1px solid var(--fi-border); }
.fi-preview-row > span[b-e4xy3batg0] { padding: var(--lap-2); text-align: center; }
.fi-preview-row small[b-e4xy3batg0] { display: block; margin-top: 3px; color: var(--lap-text-tertiary-hex); }
.fi-preview-availability-value[b-e4xy3batg0] { display: flex; flex-direction: column; align-items: center; row-gap: var(--lap-1); }
.fi-preview-amount[b-e4xy3batg0] { color: var(--lap-primary-700-hex); }
.fi-confirm[b-e4xy3batg0] { display: flex; justify-content: flex-end; align-items: center; column-gap: var(--lap-4); margin-top: var(--lap-5); }
.fi-confirm p[b-e4xy3batg0] { margin: 0 auto 0 0; color: var(--lap-text-secondary-hex); }

@media (max-width: 767.98px) {
  .fi-steps[b-e4xy3batg0] { grid-template-columns: 1fr 1fr; }
  .fi-steps li:nth-child(2)[b-e4xy3batg0]::after { display: none; }
  .fi-steps li:nth-child(-n+2)[b-e4xy3batg0] { border-bottom: 1px solid var(--fi-border); }
  .fi-panel[b-e4xy3batg0] { padding: var(--lap-3); }
  .fi-section-head[b-e4xy3batg0], .fi-upload-box[b-e4xy3batg0], .fi-confirm[b-e4xy3batg0], .fi-error-exclusion[b-e4xy3batg0] { flex-direction: column; align-items: stretch; row-gap: var(--lap-3); }
  .fi-template-actions[b-e4xy3batg0] { flex-wrap: wrap; row-gap: var(--lap-2); }
  .fi-result-notice[b-e4xy3batg0], .fi-error-toggle summary[b-e4xy3batg0], .fi-error-destination-head[b-e4xy3batg0] { align-items: flex-start; }
  .fi-error-inputs[b-e4xy3batg0] { grid-template-columns: 1fr; }
  .fi-error-inputs > div:nth-child(odd)[b-e4xy3batg0] { border-right: 0; }
  .fi-error-destination li[b-e4xy3batg0] { grid-template-columns: 1fr; row-gap: var(--lap-1); }
  .fi-preview-head[b-e4xy3batg0] { display: none; }
  .fi-preview-table[b-e4xy3batg0] { border: 0; overflow: visible; }
  .fi-preview-row[b-e4xy3batg0] { display: block; min-width: 0; padding: var(--lap-3); margin-bottom: var(--lap-3); border: 1px solid var(--fi-border); border-radius: var(--lap-r-lg); }
  .fi-preview-row > span[b-e4xy3batg0] { display: grid; grid-template-columns: 90px 1fr; text-align: left; padding: var(--lap-2) 0; }
  .fi-preview-row > span[b-e4xy3batg0]::before { content: attr(data-label); color: var(--lap-text-tertiary-hex); }
  .fi-preview-availability-value[b-e4xy3batg0] { align-items: flex-start; }
  .fi-upload-box[b-e4xy3batg0]  .fi-upload-submit { align-self: stretch; margin-top: 0; }
}
/* /Components/Pages/Goods/Brand/BrandPageLayout.razor.rz.scp.css */
.brand-page[b-363gwsl5l1] {
  padding-bottom: var(--lap-10);
}

.brand-page-title[b-363gwsl5l1] {
  display: block;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size7);
  line-height: 1.2;
}

.brand-layout[b-363gwsl5l1] {
  margin-top: var(--lap-8);
}

.brand-content[b-363gwsl5l1] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-10);
  min-width: 0;
}

.brand-content[b-363gwsl5l1]  .brand-section {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.brand-content[b-363gwsl5l1]  .brand-hero-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--lap-r-lg);
}

.brand-content[b-363gwsl5l1]  .brand-section-title {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size6);
  font-weight: var(--lap-fw-bold);
  line-height: 1.35;
}

.brand-content[b-363gwsl5l1]  .brand-subtitle {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
  line-height: 1.35;
}

.brand-content[b-363gwsl5l1]  .brand-description {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size3);
  line-height: 1.8;
  word-break: keep-all;
}

.brand-content[b-363gwsl5l1]  .brand-note {
  margin: 0;
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
  font-style: italic;
  line-height: 1.7;
  text-align: center;
}

.brand-content[b-363gwsl5l1]  .brand-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--lap-r-lg);
  background: var(--lap-gray-100);
}

.brand-content[b-363gwsl5l1]  .brand-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.brand-content[b-363gwsl5l1]  .brand-feature-grid {
  row-gap: var(--lap-4);
}

.brand-content[b-363gwsl5l1]  .brand-feature-card {
  display: flex;
  height: 100%;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
}

.brand-content[b-363gwsl5l1]  .brand-feature-card img {
  display: block;
  width: 100%;
  height: auto;
}

.brand-content[b-363gwsl5l1]  .brand-feature-body {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  padding: var(--lap-4);
  text-align: center;
}

.brand-content[b-363gwsl5l1]  .brand-feature-body-stacked {
  flex-direction: column;
  gap: var(--lap-3);
}

.brand-content[b-363gwsl5l1]  .brand-feature-body p {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size2);
  line-height: 1.65;
  word-break: keep-all;
}

.brand-content[b-363gwsl5l1]  .brand-card-title {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
  line-height: 1.45;
  word-break: keep-all;
}

.brand-content[b-363gwsl5l1]  .brand-card-list {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  margin: 0;
  padding: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size2);
  line-height: 1.65;
  list-style: none;
  word-break: keep-all;
}

.brand-content[b-363gwsl5l1]  .brand-card-list li::before {
  content: "- ";
}

.brand-content[b-363gwsl5l1]  .brand-card-video {
  border-radius: 0;
}

.brand-content[b-363gwsl5l1]  .brand-inline-image {
  max-width: 180px;
  margin-top: var(--lap-2);
}

.brand-content[b-363gwsl5l1]  .brand-circle-image {
  display: block;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  object-fit: cover;
  border: 1px solid var(--lap-gray-200);
  border-radius: 50%;
}

.brand-content[b-363gwsl5l1]  .brand-compare-image {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-md);
}

.brand-content[b-363gwsl5l1]  .brand-info-panel {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  padding: var(--lap-5);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-gray-50);
}

.brand-content[b-363gwsl5l1]  .brand-logo-image {
  display: block;
  max-width: 280px;
  height: auto;
  margin: 0 auto;
}

.brand-content[b-363gwsl5l1]  .brand-image-grid {
  row-gap: var(--lap-4);
}

.brand-content[b-363gwsl5l1]  .brand-grid-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--lap-r-md);
}

.brand-content[b-363gwsl5l1]  .brand-divider {
  width: 100%;
  height: 1px;
  border: 0;
  margin: 0;
  background: var(--lap-gray-200);
}

.brand-content[b-363gwsl5l1]  .brand-emphasis {
  color: var(--lap-danger-500);
  font-weight: var(--lap-fw-semibold);
}

.brand-content[b-363gwsl5l1]  .brand-action {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-3);
  justify-content: center;
}

.brand-content[b-363gwsl5l1]  .brand-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--lap-4);
  row-gap: var(--lap-3);
}

.brand-content[b-363gwsl5l1]  .brand-action-cell {
  display: flex;
  justify-content: center;
}

.brand-content[b-363gwsl5l1]  .brand-text-center {
  text-align: center;
}

.brand-content[b-363gwsl5l1]  .brand-material-grid {
  row-gap: var(--lap-5);
}

.brand-content[b-363gwsl5l1]  .brand-material-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--lap-3);
}

.brand-content[b-363gwsl5l1]  .brand-material-image {
  display: block;
  width: 100%;
  height: auto;
}

.brand-content[b-363gwsl5l1]  .brand-material-title {
  margin: 0;
  color: var(--lap-text-primary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-semibold);
  line-height: 1.45;
  text-align: center;
}

@media (max-width: 767.98px) {
  .brand-page-title[b-363gwsl5l1] {
    font-size: 28px;
  }

  .brand-layout[b-363gwsl5l1] {
    margin-top: var(--lap-6);
  }

  .brand-content[b-363gwsl5l1] {
    gap: var(--lap-8);
  }

  .brand-content[b-363gwsl5l1]  .brand-section-title {
    font-size: var(--lap-text-size5);
  }

  .brand-content[b-363gwsl5l1]  .brand-description {
    font-size: var(--lap-text-size2);
  }

  .brand-content[b-363gwsl5l1]  .brand-action .lb-root {
    width: 100%;
  }

  .brand-content[b-363gwsl5l1]  .brand-action-row {
    grid-template-columns: 1fr;
  }

  .brand-content[b-363gwsl5l1]  .brand-action-cell .lb-root {
    width: 100%;
  }
}
/* /Components/Pages/Goods/Detail/ContinuousPurchaseSelector.razor.rz.scp.css */
.cps-root[b-jkvlekxz38] { display: flex; flex-direction: column; gap: var(--lap-4); }
.cps-section[b-jkvlekxz38] { display: flex; flex-direction: column; gap: var(--lap-2); }
.cps-section h2[b-jkvlekxz38] { font-size: var(--lap-text-size4); }
.cps-packs[b-jkvlekxz38] { display: flex; flex-wrap: wrap; gap: var(--lap-2); }
.cps-packs button[b-jkvlekxz38] { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--lap-1); min-height: var(--lap-10); padding: var(--lap-2) var(--lap-3); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); line-height: var(--lap-lh-tight); text-align: center; }
.cps-packs strong[b-jkvlekxz38], .cps-packs small[b-jkvlekxz38] { line-height: inherit; }
.cps-packs button.is-selected[b-jkvlekxz38] { border-color: var(--lap-color-primary); background: var(--lap-primary-50); color: var(--lap-color-primary); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.cps-packs small[b-jkvlekxz38] { color: var(--lap-text-tertiary); }
.cps-quantity[b-jkvlekxz38] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; width: 100%; }
.cps-price[b-jkvlekxz38] { display: flex; align-items: baseline; justify-self: end; gap: var(--lap-2); }
.cps-price del[b-jkvlekxz38] { color: var(--lap-text-tertiary); }
.cps-price strong[b-jkvlekxz38] { color: var(--lap-color-primary); font-size: var(--lap-text-size4); }
.cps-minimum[b-jkvlekxz38] { display: flex; flex-direction: column; gap: var(--lap-1); color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.cps-minimum span[b-jkvlekxz38] { color: var(--lap-color-primary); }
.cps-error[b-jkvlekxz38] { padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-warning-50); color: var(--lap-warning-700); font-size: var(--lap-text-size2); }
@media (max-width: 575.98px) { .cps-packs button[b-jkvlekxz38] { flex: 1 1 calc(50% - var(--lap-2)); } }
/* /Components/Pages/Goods/Detail/ProductCoreSelector.razor.rz.scp.css */
.pcs-root[b-99xtv0624f] { display: flex; flex-direction: column; gap: var(--lap-2); }
.pcs-root h2[b-99xtv0624f] { margin: 0; color: var(--lap-text-main); font-size: var(--lap-text-size3); }
.pcs-options[b-99xtv0624f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-2); }
.pcs-options button[b-99xtv0624f] { display: inline-flex; align-items: center; justify-content: center; min-height: var(--lap-12); padding: var(--lap-2) var(--lap-4); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); background: var(--lap-white); color: var(--lap-text-secondary); font-weight: var(--lap-fw-semibold); line-height: var(--lap-lh-tight); text-align: center; }
.pcs-options button:hover[b-99xtv0624f], .pcs-options button:focus-visible[b-99xtv0624f] { border-color: var(--lap-color-primary); color: var(--lap-color-primary); }
.pcs-options button:focus-visible[b-99xtv0624f] { outline: 2px solid var(--lap-color-primary); outline-offset: 2px; }
.pcs-options button.is-selected[b-99xtv0624f] { border-color: var(--lap-color-primary); background: var(--lap-primary-50); color: var(--lap-color-primary); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
/* /Components/Pages/Goods/Detail/ProductDetailPrinterFilter.razor.rz.scp.css */
.pdf-root[b-zizadhwhlv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  min-height: var(--lap-8);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size2);
}

.pdf-root span[b-zizadhwhlv] {
  font-weight: var(--lap-fw-semibold);
}

.pdf-root button[b-zizadhwhlv] {
  margin-left: auto;
  color: var(--lap-color-primary);
  font-weight: var(--lap-fw-semibold);
  text-align: right;
}

.pdf-root button:hover[b-zizadhwhlv],
.pdf-root button:focus-visible[b-zizadhwhlv] {
  color: var(--lap-primary-700);
  text-decoration: underline;
}

.pdf-root button:focus-visible[b-zizadhwhlv] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: var(--lap-1);
}
/* /Components/Pages/Goods/Detail/ProductDetailShell.razor.rz.scp.css */
.pd-root[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-6); color: var(--lap-text-main); }
.pd-root > h1[b-vj2mr2veta] { font-size: var(--lap-text-size5); line-height: var(--lap-lh-normal); }
.pd-purchase[b-vj2mr2veta] { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(calc(var(--lap-1) * 104), .75fr); grid-template-areas: "gallery options"; align-content: start; column-gap: var(--lap-6); align-items: start; }
.pd-gallery-stage[b-vj2mr2veta] { display: flex; grid-area: gallery; flex-direction: column; align-items: center; gap: var(--lap-3); min-width: 0; }
.pd-gallery-stage[b-vj2mr2veta]  .pd-spec-action { flex: 0 0 auto; margin: 0; }
.pd-spec-label-mobile[b-vj2mr2veta] { display: none; }
.pd-quick-actions[b-vj2mr2veta] { --pd-quick-action-font-size: var(--lap-text-size1); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-1); width: 100%; }
.pd-quick-actions[b-vj2mr2veta]  .pd-quick-action { justify-content: flex-start; height: auto; min-height: var(--lap-9); padding: var(--lap-1) var(--lap-2); border-color: var(--lap-gray-200); border-radius: var(--lap-r-lg); background: var(--lap-white); color: var(--lap-text-tertiary); box-shadow: var(--lap-shadow-1); font-size: var(--pd-quick-action-font-size); font-weight: var(--lap-fw-regular); text-align: left; }
.pd-quick-actions[b-vj2mr2veta]  .pd-quick-action:hover:not(:disabled) { border-color: var(--lap-primary-300); background: var(--lap-primary-50); box-shadow: var(--lap-shadow-2); }
.pd-quick-actions[b-vj2mr2veta]  .pd-quick-action:focus-visible { outline: 2px solid var(--lap-primary-300); outline-offset: 2px; }
.pd-quick-actions[b-vj2mr2veta]  .pd-quick-action .lb-text { white-space: normal; }
.pd-options-column[b-vj2mr2veta] { display: flex; grid-area: options; flex-direction: column; gap: var(--lap-4); min-width: 0; }
.pd-options[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-4); padding: var(--lap-6); box-shadow: var(--lap-shadow-2); }
.pd-print-banner[b-vj2mr2veta] { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--lap-4); width: 100%; min-height: calc(var(--lap-1) * 24); padding: var(--lap-4); overflow: hidden; border-radius: var(--lap-r-xl); background-color: var(--lap-gray-900); background-image: linear-gradient(90deg, rgba(15, 23, 42, .72), rgba(15, 23, 42, .08)), url("https://images.label.kr/site/www_label_kr/banner/order-print-sbn1.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; color: var(--lap-white); text-align: left; box-shadow: var(--lap-shadow-2); }
.pd-print-banner:hover[b-vj2mr2veta] { box-shadow: var(--lap-shadow-3); }
.pd-print-banner:focus-visible[b-vj2mr2veta] { outline: 2px solid var(--lap-color-primary); outline-offset: 2px; }
.pd-print-banner-copy[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-2); }
.pd-print-banner-copy small[b-vj2mr2veta] { display: flex; align-items: center; gap: var(--lap-2); font-size: var(--lap-text-size2); }
.pd-print-banner-copy small img[b-vj2mr2veta] { width: var(--lap-5); height: var(--lap-5); object-fit: contain; }
.pd-print-banner-copy strong[b-vj2mr2veta] { font-size: var(--lap-text-size4); line-height: var(--lap-lh-normal); }
.pd-print-banner-link[b-vj2mr2veta] { display: inline-flex; align-items: center; gap: var(--lap-1); flex: 0 0 auto; font-size: var(--lap-text-size1); }
.pd-option-title[b-vj2mr2veta], .pd-quantity-head[b-vj2mr2veta], .pd-prosumer-row[b-vj2mr2veta] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.pd-option-title h2[b-vj2mr2veta], .pd-quantity-head h2[b-vj2mr2veta] { font-size: var(--lap-text-size4); }
.pd-option-title h2 b[b-vj2mr2veta], .pd-quantity-head h2 b[b-vj2mr2veta] { color: var(--lap-color-primary); }
.pd-text-action[b-vj2mr2veta] { color: var(--lap-color-primary); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-semibold); text-decoration: underline; }
.pd-text-action:disabled[b-vj2mr2veta] { color: var(--lap-text-disabled); }
.pd-prosumer-row[b-vj2mr2veta] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); }
.pd-materials[b-vj2mr2veta] { display: flex; flex-direction: column; max-height: clamp(calc(var(--lap-1) * 76), 26cqi, calc(var(--lap-1) * 120)); overflow-y: auto; border-block: 1px solid var(--lap-gray-200); }
.pd-materials button[b-vj2mr2veta] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--lap-3); min-height: var(--lap-12); padding: var(--lap-3); border-bottom: 1px solid var(--lap-gray-200); text-align: left; }
.pd-materials button.is-active[b-vj2mr2veta] { background: var(--lap-primary-50); }
.pd-material-radio[b-vj2mr2veta] { width: var(--lap-5); height: var(--lap-5); border: 2px solid var(--lap-primary-300); border-radius: var(--lap-r-max); background: var(--lap-white); }
.pd-materials button.is-active .pd-material-radio[b-vj2mr2veta] { border: calc(var(--lap-1) - 1px) solid var(--lap-color-primary); }
.pd-materials span:not(.pd-material-radio)[b-vj2mr2veta] { display: flex; flex-direction: column; min-width: 0; }
.pd-materials small[b-vj2mr2veta] { overflow: hidden; color: var(--lap-text-tertiary); text-overflow: ellipsis; white-space: nowrap; }
.pd-materials small b[b-vj2mr2veta] { color: var(--lap-color-primary); }
.pd-materials em[b-vj2mr2veta] { color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-style: normal; }
.pd-product-meta[b-vj2mr2veta] { display: flex; flex-wrap: wrap; gap: var(--lap-2) var(--lap-4); margin: 0; padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-gray-50); font-size: var(--lap-text-size2); }
.pd-product-meta div[b-vj2mr2veta] { display: flex; gap: var(--lap-2); }
.pd-product-meta dt[b-vj2mr2veta] { color: var(--lap-text-tertiary); }
.pd-product-meta dd[b-vj2mr2veta] { margin: 0; color: var(--lap-text-main); font-weight: var(--lap-fw-semibold); }
.pd-material-required[b-vj2mr2veta] { color: var(--lap-color-primary); font-weight: var(--lap-fw-bold); }
.pd-set-info[b-vj2mr2veta], .pd-spec-grid dl[b-vj2mr2veta] { display: flex; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.pd-set-info div[b-vj2mr2veta], .pd-spec-grid dl div[b-vj2mr2veta] { display: grid; grid-template-columns: calc(var(--lap-1) * 40) minmax(0, 1fr); min-height: var(--lap-12); border-bottom: 1px solid var(--lap-gray-200); }
.pd-set-info div:last-child[b-vj2mr2veta], .pd-spec-grid dl div:last-child[b-vj2mr2veta] { border-bottom: 0; }
.pd-set-info dt[b-vj2mr2veta], .pd-spec-grid dt[b-vj2mr2veta] { display: flex; align-items: center; padding: var(--lap-3) var(--lap-4); background: var(--lap-gray-50); color: var(--lap-text-secondary); font-weight: var(--lap-fw-bold); }
.pd-set-info dd[b-vj2mr2veta], .pd-spec-grid dd[b-vj2mr2veta] { display: flex; align-items: center; margin: 0; padding: var(--lap-3) var(--lap-5); background: var(--lap-white); color: var(--lap-text-main); }
.pd-spec-grid dl div:nth-child(even) dd[b-vj2mr2veta] { background: var(--lap-gray-50); }
.pd-custom-quantity[b-vj2mr2veta] { display: grid; grid-template-columns: auto var(--lap-10) minmax(0, 1fr) var(--lap-10) auto; align-items: center; overflow: hidden; border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); color: var(--lap-text-secondary); }
.pd-custom-quantity > span[b-vj2mr2veta] { padding-inline: var(--lap-3); font-size: var(--lap-text-size2); white-space: nowrap; }
.pd-custom-quantity button[b-vj2mr2veta] { height: var(--lap-10); color: var(--lap-color-primary); font-size: var(--lap-text-size4); }
.pd-custom-quantity input[b-vj2mr2veta] { width: 100%; height: var(--lap-10); border-inline: 1px solid var(--lap-gray-200); text-align: center; }
.pd-order-summary[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-2); padding-top: var(--lap-3); border-top: 1px solid var(--lap-gray-200); }
.pd-order-summary > div:first-child[b-vj2mr2veta] { display: flex; justify-content: space-between; gap: var(--lap-3); color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.pd-order-summary > div:first-child strong[b-vj2mr2veta] { color: var(--lap-text-main); }
.pd-price[b-vj2mr2veta] { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; gap: var(--lap-2); min-height: var(--lap-10); }
.pd-price del[b-vj2mr2veta] { color: var(--lap-text-tertiary); }
.pd-price > strong[b-vj2mr2veta] { color: var(--lap-color-primary); font-size: var(--lap-text-size5); }
.pd-price small[b-vj2mr2veta] { width: 100%; color: var(--lap-text-tertiary); text-align: right; }
.pd-availability[b-vj2mr2veta] { display: flex; align-items: flex-start; gap: var(--lap-2); padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-warning-50); }
.pd-availability strong[b-vj2mr2veta] { color: var(--lap-warning-700); white-space: nowrap; }
.pd-availability span[b-vj2mr2veta] { color: var(--lap-text-secondary); }
.pd-availability.is-ready[b-vj2mr2veta] { background: var(--lap-success-50); }
.pd-availability.is-ready strong[b-vj2mr2veta] { color: var(--lap-success-700); }
.pd-calculation-error[b-vj2mr2veta] { padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-warning-50); color: var(--lap-warning-700); font-size: var(--lap-text-size2); }
.pd-replacement[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-2); padding: var(--lap-4); border-radius: var(--lap-r-md); background: var(--lap-warning-50); color: var(--lap-text-secondary); }
.pd-replacement strong[b-vj2mr2veta] { color: var(--lap-danger-500); }
.pd-purchase-actions[b-vj2mr2veta] { display: grid; grid-template-columns: var(--lap-12) 1fr 1fr; gap: var(--lap-3); }
.pd-purchase-actions[b-vj2mr2veta]  .pd-favorite-action { color: var(--lap-gray-600); border-color: var(--lap-gray-300); background: transparent; }
.pd-purchase-actions[b-vj2mr2veta]  .pd-favorite-action:hover:not(:disabled) { color: var(--lap-text-white); border-color: var(--lap-primary-600); background: var(--lap-primary-600); }
.pd-purchase-actions[b-vj2mr2veta]  .pd-favorite-action.is-active,
.pd-purchase-actions[b-vj2mr2veta]  .pd-favorite-action.is-active:hover:not(:disabled) { color: var(--lap-color-primary); border-color: var(--lap-gray-300); background: transparent; }
.pd-purchase-note[b-vj2mr2veta] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); text-align: center; }
.pd-purchase-note.is-success[b-vj2mr2veta] { color: var(--lap-success-700); }
.pd-purchase-note.is-error[b-vj2mr2veta] { color: var(--lap-danger-600); }
.pd-partner-status[b-vj2mr2veta] { width: 100%; min-width: 0; }
.pd-partner-status.is-gallery[b-vj2mr2veta] { margin-top: var(--lap-1); }
.pd-partner-status.is-mobile[b-vj2mr2veta] { display: none; grid-area: partner; }
.pd-section[b-vj2mr2veta] { scroll-margin-top: calc(var(--lap-1) * 32); padding: var(--lap-10) var(--lap-8); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.pd-section-head[b-vj2mr2veta] { margin-bottom: var(--lap-7); text-align: center; }
.pd-section-head > span[b-vj2mr2veta] { color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.pd-section-head h2[b-vj2mr2veta] { margin-top: var(--lap-1); font-size: var(--lap-text-size5); }
.pd-section-head p[b-vj2mr2veta] { margin-top: var(--lap-2); color: var(--lap-text-tertiary); }
.pd-section-head .pd-section-alert[b-vj2mr2veta] { color: var(--lap-danger-500); }
.pd-about-hero[b-vj2mr2veta] { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: var(--lap-8); max-width: calc(var(--lap-1) * 250); margin-inline: auto; }
.pd-about-hero img[b-vj2mr2veta] { width: 100%; border-radius: var(--lap-r-xl); }
.pd-about-hero h3[b-vj2mr2veta] { margin-bottom: var(--lap-3); font-size: var(--lap-text-size4); }
.pd-about-hero p[b-vj2mr2veta] { margin-top: var(--lap-3); color: var(--lap-text-secondary); line-height: var(--lap-lh-normal-xl); }
.pd-design-content[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-5); max-width: calc(var(--lap-1) * 250); margin-inline: auto; }
.pd-design-card[b-vj2mr2veta] { padding: var(--lap-6); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); box-shadow: var(--lap-shadow-1); }
.pd-design-card > h3[b-vj2mr2veta] { margin-bottom: var(--lap-5); color: var(--lap-text-main); font-size: var(--lap-text-size4); }
.pd-design-intro[b-vj2mr2veta] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: var(--lap-6); }
.pd-design-intro img[b-vj2mr2veta] { width: 100%; border-radius: var(--lap-r-lg); }
.pd-design-copy[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-3); color: var(--lap-text-secondary); line-height: var(--lap-lh-normal-xl); }
.pd-design-copy a[b-vj2mr2veta] { color: var(--lap-color-primary); font-weight: var(--lap-fw-semibold); text-decoration: underline; text-underline-offset: var(--lap-1); }
.pd-design-image-grid[b-vj2mr2veta] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lap-3); margin-bottom: var(--lap-5); }
.pd-design-image-grid img[b-vj2mr2veta] { display: block; width: 100%; height: auto; border-radius: var(--lap-r-lg); }
.pd-workflow[b-vj2mr2veta] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lap-4); max-width: calc(var(--lap-1) * 250); margin: var(--lap-7) auto 0; }
.pd-workflow article[b-vj2mr2veta] { position: relative; overflow: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); box-shadow: var(--lap-shadow-1); }
.pd-workflow img[b-vj2mr2veta] { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
.pd-workflow article > b[b-vj2mr2veta] { position: absolute; right: var(--lap-4); top: calc(var(--lap-1) * 48); color: var(--lap-primary-300); font-size: var(--lap-text-size5); }
.pd-workflow h3[b-vj2mr2veta], .pd-workflow p[b-vj2mr2veta] { padding-inline: var(--lap-4); }
.pd-workflow h3[b-vj2mr2veta] { margin-top: var(--lap-4); }
.pd-workflow p[b-vj2mr2veta] { margin-block: var(--lap-2) var(--lap-5); color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); }
.pd-spec-grid[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-8); max-width: calc(var(--lap-1) * 260); margin-inline: auto; }
.pd-spec-image[b-vj2mr2veta] { display: flex; justify-content: center; width: 100%; max-width: calc(var(--lap-1) * 260); margin-inline: auto; overflow: hidden; }
.pd-spec-image img[b-vj2mr2veta] { display: block; width: 100%; max-width: calc(var(--lap-1) * 200); height: auto; object-fit: contain; }
.pd-spec-details[b-vj2mr2veta] { width: 100%; }
.pd-spec-details > .pd-section-alert[b-vj2mr2veta], .pd-spec-notes[b-vj2mr2veta] { margin-bottom: var(--lap-4); color: var(--lap-danger-500); }
.pd-spec-notes[b-vj2mr2veta], .pd-spec-sensor[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-2); margin-top: var(--lap-4); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-xl); }
.pd-spec-sensor img[b-vj2mr2veta] { width: 100%; max-width: calc(var(--lap-1) * 75); }
.pd-legacy-description[b-vj2mr2veta] { max-width: calc(var(--lap-1) * 250); margin-inline: auto; }
.pd-legacy-description[b-vj2mr2veta]  img { max-width: 100%; height: auto; }
.pd-preview-image[b-vj2mr2veta] { display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--lap-16, 64px); overflow: hidden; background-color: var(--lap-white); }
.pd-resource-list[b-vj2mr2veta], .pd-notice-list[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-3); max-width: calc(var(--lap-1) * 260); margin-inline: auto; }
.pd-resource-list article[b-vj2mr2veta] { display: grid; grid-template-columns: var(--lap-11) minmax(0, 1fr) auto; align-items: center; gap: var(--lap-4); min-height: calc(var(--lap-1) * 21); padding: var(--lap-5); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.pd-resource-list article > img[b-vj2mr2veta] { width: var(--lap-11); height: var(--lap-11); padding: var(--lap-2); border-radius: var(--lap-r-lg); background: var(--lap-gray-50); object-fit: contain; }
.pd-resource-list h3[b-vj2mr2veta] { margin-bottom: var(--lap-1); font-size: var(--lap-text-size3); }
.pd-resource-list p[b-vj2mr2veta] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); }
.pd-notice-list article[b-vj2mr2veta] { padding: var(--lap-5); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-gray-50); }
.pd-notice-list h3[b-vj2mr2veta] { display: flex; align-items: center; gap: var(--lap-3); margin-bottom: var(--lap-3); font-size: var(--lap-text-size4); }
.pd-heading-icon[b-vj2mr2veta] { flex: 0 0 auto; width: var(--lap-6); height: var(--lap-6); color: var(--lap-color-primary); }
.pd-notice-list ul[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-2); padding-left: var(--lap-5); color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); list-style: disc; }
.pd-notice-list article > p[b-vj2mr2veta] { margin-top: var(--lap-2); color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-xl); }
.pd-notice-list a[b-vj2mr2veta] { color: var(--lap-color-primary); text-decoration: underline; }
.pd-video-modal[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-4); }
.pd-video-modal iframe[b-vj2mr2veta] { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--lap-r-lg); background: var(--lap-gray-100); }
.pd-video-modal select[b-vj2mr2veta] { min-height: var(--lap-10); padding-inline: var(--lap-3); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); background: var(--lap-white); }
.pd-print-modal[b-vj2mr2veta] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--lap-6); }
.pd-print-modal-copy[b-vj2mr2veta] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--lap-5); }
.pd-print-modal-copy h2[b-vj2mr2veta] { font-size: var(--lap-text-size5); line-height: var(--lap-lh-normal); }
.pd-print-modal-copy h2 span[b-vj2mr2veta] { color: var(--lap-text-tertiary); }
.pd-print-modal-copy ul[b-vj2mr2veta] { display: flex; flex-direction: column; gap: var(--lap-3); color: var(--lap-text-secondary); }
.pd-print-modal-copy li[b-vj2mr2veta] { display: grid; grid-template-columns: var(--lap-5) minmax(0, 1fr); align-items: center; gap: var(--lap-2); }
.pd-print-modal-copy li img[b-vj2mr2veta] { width: var(--lap-5); height: var(--lap-5); object-fit: contain; }
.pd-print-modal-copy p[b-vj2mr2veta] { color: var(--lap-text-secondary); }
.pd-print-modal-images[b-vj2mr2veta] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-2); }
.pd-print-modal-images img[b-vj2mr2veta] { width: 100%; aspect-ratio: 1; border-radius: var(--lap-r-md); object-fit: cover; }

@media (max-width: 1199.98px) { .pd-purchase[b-vj2mr2veta] { grid-template-columns: minmax(0, 1.2fr) minmax(calc(var(--lap-1) * 96), .8fr); } }
@media (max-width: 991.98px) {
  .pd-purchase[b-vj2mr2veta] { grid-template-columns: 1fr; grid-template-areas: "gallery" "options"; row-gap: var(--lap-4); }
  .pd-about-hero[b-vj2mr2veta] { grid-template-columns: 1fr; }
  .pd-design-intro[b-vj2mr2veta] { grid-template-columns: 1fr; }
  .pd-print-modal[b-vj2mr2veta] { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .pd-purchase[b-vj2mr2veta] { grid-template-areas: "gallery" "options" "partner"; }
  #pd-resource[b-vj2mr2veta] { display: none; }
  .pd-root[b-vj2mr2veta]  .lsn-root { --lsn-item-count: 4 !important; }
  .pd-root[b-vj2mr2veta]  .lsn-item[data-section-id="pd-resource"] { display: none; }
  .pd-root > h1[b-vj2mr2veta], .pd-section-head h2[b-vj2mr2veta] { font-size: var(--lap-text-size4); }
  .pd-options[b-vj2mr2veta], .pd-section[b-vj2mr2veta] { padding: var(--lap-4); }
  .pd-design-card[b-vj2mr2veta] { padding: var(--lap-4); }
  .pd-design-image-grid[b-vj2mr2veta] { grid-template-columns: 1fr; }
  .pd-design-image-grid.is-usage[b-vj2mr2veta] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pd-workflow[b-vj2mr2veta] { grid-template-columns: 1fr; }
  .pd-quick-actions[b-vj2mr2veta] { display: none; }
  .pd-partner-status.is-gallery[b-vj2mr2veta] { display: none; }
  .pd-partner-status.is-mobile[b-vj2mr2veta] { display: block; }
  .pd-spec-label-desktop[b-vj2mr2veta] { display: none; }
  .pd-spec-label-mobile[b-vj2mr2veta] { display: inline; }
  .pd-purchase-actions[b-vj2mr2veta] { grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 2fr)); }
  .pd-purchase-actions[b-vj2mr2veta]  .lb-root.lb-icon-only { width: 100%; }
  .pd-spec-image img[b-vj2mr2veta] { width: 100%; max-width: calc(var(--lap-1) * 200); }
  .pd-set-info div[b-vj2mr2veta], .pd-spec-grid dl div[b-vj2mr2veta] { grid-template-columns: calc(var(--lap-1) * 28) minmax(0, 1fr); }
  .pd-resource-list article[b-vj2mr2veta] { grid-template-columns: var(--lap-11) minmax(0, 1fr); }
  .pd-resource-list article > :last-child[b-vj2mr2veta] { grid-column: 1 / -1; }
  .pd-custom-quantity[b-vj2mr2veta] { grid-template-columns: var(--lap-10) minmax(0, 1fr) var(--lap-10) auto; }
  .pd-custom-quantity > span:first-child[b-vj2mr2veta] { display: none; }
  .pd-print-banner[b-vj2mr2veta] { min-height: calc(var(--lap-1) * 26); padding: var(--lap-3); }
  .pd-print-banner-copy strong[b-vj2mr2veta] { font-size: var(--lap-text-size3); }
}
/* /Components/Pages/Goods/Detail/ProductMaterialSelector.razor.rz.scp.css */
.pms-root[b-uvijsjkpq0] { display: flex; flex-direction: column; gap: var(--lap-3); }
.pms-heading[b-uvijsjkpq0], .pms-filter[b-uvijsjkpq0] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.pms-heading h2[b-uvijsjkpq0] { font-size: var(--lap-text-size4); }
.pms-link[b-uvijsjkpq0] { color: var(--lap-color-primary); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-semibold); }
.pms-link:hover[b-uvijsjkpq0], .pms-link:focus-visible[b-uvijsjkpq0] { color: var(--lap-primary-700); }
.pms-prosumer-link[b-uvijsjkpq0] { display: inline-flex; align-items: center; gap: var(--lap-1); }
.pms-prosumer-link img[b-uvijsjkpq0] { width: var(--lap-5); height: var(--lap-5); object-fit: contain; }
.pms-filter[b-uvijsjkpq0] { color: var(--lap-text-tertiary); }
.pms-modal-copy[b-uvijsjkpq0] { display: flex; flex-direction: column; gap: var(--lap-3); color: var(--lap-text-secondary); line-height: var(--lap-lh-normal-xl); }
.pms-modal-copy strong[b-uvijsjkpq0] { color: var(--lap-color-primary); }
.pms-modal-copy u[b-uvijsjkpq0] { text-underline-offset: 2px; }
.pms-printer-sensor[b-uvijsjkpq0] { align-self: center; width: min(100%, calc(var(--lap-1) * 100)); height: auto; }
/* /Components/Pages/Goods/Detail/ProductPartnerGradeCard.razor.rz.scp.css */
.ppg-root[b-2m79wd989s] { overflow: hidden; padding: var(--lap-2) var(--lap-3); box-shadow: var(--lap-shadow-1); }
.ppg-head[b-2m79wd989s] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--lap-2); padding-bottom: var(--lap-1); }
.ppg-head strong[b-2m79wd989s] { font-size: var(--lap-text-size3); }
.ppg-head span[b-2m79wd989s] { overflow: hidden; color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); text-overflow: ellipsis; white-space: nowrap; }
.ppg-grid[b-2m79wd989s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--lap-gray-200); }
.ppg-grid > div[b-2m79wd989s] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-2); min-width: 0; padding: var(--lap-2); }
.ppg-grid > div:nth-child(odd)[b-2m79wd989s] { padding-left: 0; border-right: 1px solid var(--lap-gray-200); }
.ppg-grid > div:nth-child(even)[b-2m79wd989s] { padding-right: 0; }
.ppg-grid > div:nth-child(-n + 2)[b-2m79wd989s] { border-bottom: 1px solid var(--lap-gray-200); }
.ppg-grid dt[b-2m79wd989s] { min-width: 0; overflow: hidden; color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); text-overflow: ellipsis; white-space: nowrap; }
.ppg-grid dd[b-2m79wd989s] { display: flex; align-items: baseline; flex: 0 0 auto; gap: var(--lap-1); margin: 0; color: var(--lap-text-main); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-bold); line-height: var(--lap-lh-normal); white-space: nowrap; }
.ppg-grid dd small[b-2m79wd989s] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-semibold); }
.ppg-grid .ppg-money[b-2m79wd989s] { color: var(--lap-color-primary); }
.ppg-status[b-2m79wd989s], .ppg-fixed[b-2m79wd989s] { margin: 0; color: var(--lap-text-secondary); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-xl); }
.ppg-status[b-2m79wd989s] { text-align: center; }
.ppg-fixed[b-2m79wd989s] { padding-top: var(--lap-3); border-top: 1px solid var(--lap-gray-200); }
.ppg-fixed strong[b-2m79wd989s] { display: block; color: var(--lap-color-primary); font-size: var(--lap-text-size3); }
.ppg-grade-0[b-2m79wd989s] { color: #8f98a1; }
.ppg-grade-1[b-2m79wd989s] { color: #25945f; }
.ppg-grade-2[b-2m79wd989s] { color: #2384c6; }
.ppg-grade-3[b-2m79wd989s] { color: #864cc5; }
.ppg-grade-4[b-2m79wd989s] { color: #e9aa00; }
.ppg-grade-5[b-2m79wd989s] { color: #ff7f83; }

@media (max-width: 767.98px) {
  .ppg-root[b-2m79wd989s] { padding: var(--lap-3); }
  .ppg-grid > div[b-2m79wd989s] { align-items: flex-start; flex-direction: column; gap: var(--lap-1); padding-block: var(--lap-2); }
  .ppg-grid dt[b-2m79wd989s] { white-space: normal; }
}
/* /Components/Pages/Goods/Detail/ProductPurchaseSummary.razor.rz.scp.css */
.pps-root[b-oivvv175uu] { display: flex; flex-direction: column; gap: var(--lap-2); padding-top: var(--lap-3); border-top: 1px solid var(--lap-gray-200); }
.pps-root p[b-oivvv175uu] { color: var(--lap-text-secondary); font-size: var(--lap-text-size3); }
.pps-root p strong[b-oivvv175uu] { color: var(--lap-primary-700); font-weight: var(--lap-fw-bold); }
.pps-availability[b-oivvv175uu] { display: flex; align-items: center; gap: var(--lap-2); padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-gray-50); color: var(--lap-text-secondary); font-size: var(--lap-text-size3); }
/* /Components/Pages/Goods/Detail/ProductTagIntroduction.razor.rz.scp.css */
.pti-root[b-382ikuyfw2] { display: flex; flex-direction: column; gap: var(--lap-10); scroll-margin-top: calc(var(--lap-1) * 32); padding: var(--lap-10); border: 1px solid var(--lap-gray-200); border-radius: calc(var(--lap-r-xl) + var(--lap-1)); background: var(--lap-white); }
.pti-heading[b-382ikuyfw2] { text-align: center; }
.pti-heading span[b-382ikuyfw2] { color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.pti-heading h2[b-382ikuyfw2] { margin-top: var(--lap-1); font-size: var(--lap-text-size5); }
.pti-intro[b-382ikuyfw2] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: var(--lap-5); width: 100%; max-width: calc(var(--lap-1) * 280); margin-inline: auto; }
.pti-style-grid[b-382ikuyfw2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lap-2); }
.pti-style-grid img[b-382ikuyfw2] { width: 100%; aspect-ratio: 1; border-radius: var(--lap-r-md); object-fit: cover; }
.pti-intro h3[b-382ikuyfw2] { margin-bottom: var(--lap-6); font-size: var(--lap-text-size4); }
.pti-intro p[b-382ikuyfw2], .pti-certificates > p[b-382ikuyfw2], .pti-usage > p[b-382ikuyfw2] { color: var(--lap-text-tertiary); line-height: var(--lap-lh-normal-xl); }
.pti-intro p + p[b-382ikuyfw2] { margin-top: var(--lap-2); }
.pti-certificates[b-382ikuyfw2], .pti-usage[b-382ikuyfw2] { display: flex; flex-direction: column; align-items: center; gap: var(--lap-6); width: 100%; max-width: calc(var(--lap-1) * 280); margin-inline: auto; }
.pti-certificates h3[b-382ikuyfw2], .pti-usage h3[b-382ikuyfw2] { font-size: var(--lap-text-size5); text-align: center; }
.pti-certificate-grid[b-382ikuyfw2] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lap-4); width: 100%; }
.pti-certificate-grid figure[b-382ikuyfw2], .pti-usage-grid figure[b-382ikuyfw2] { overflow: hidden; margin: 0; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.pti-certificate-grid figure[b-382ikuyfw2] { aspect-ratio: 265 / 360; }
.pti-certificate-grid img[b-382ikuyfw2] { width: 100%; height: 100%; object-fit: cover; }
.pti-certificates > p[b-382ikuyfw2], .pti-usage > p[b-382ikuyfw2] { font-size: var(--lap-text-size3); text-align: center; }
.pti-usage-grid[b-382ikuyfw2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lap-4); width: 100%; }
.pti-usage-grid figure[b-382ikuyfw2] { aspect-ratio: 1; }
.pti-usage-grid img[b-382ikuyfw2] { width: 100%; height: 100%; object-fit: cover; }
.pti-usage-fallback[b-382ikuyfw2] { display: flex; flex-direction: column; align-items: center; gap: var(--lap-2); width: 100%; min-height: calc(var(--lap-1) * 44); padding: var(--lap-8); border: 1px dashed var(--lap-gray-300); border-radius: var(--lap-r-xl); background: var(--lap-gray-50); color: var(--lap-text-tertiary); text-align: center; }
.pti-usage-fallback strong[b-382ikuyfw2] { color: var(--lap-text-main); font-size: var(--lap-text-size4); }
.pti-warning[b-382ikuyfw2] { display: flex; align-items: flex-start; gap: var(--lap-3); width: 100%; padding: var(--lap-4); border-radius: var(--lap-r-xl); background: var(--lap-warning-50); color: var(--lap-warning-700); }
.pti-warning strong[b-382ikuyfw2] { flex: none; }

@media (max-width: 991.98px) {
  .pti-intro[b-382ikuyfw2] { grid-template-columns: 1fr; }
  .pti-certificate-grid[b-382ikuyfw2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
  .pti-root[b-382ikuyfw2] { gap: var(--lap-8); padding: var(--lap-4); }
  .pti-heading h2[b-382ikuyfw2], .pti-certificates h3[b-382ikuyfw2], .pti-usage h3[b-382ikuyfw2] { font-size: var(--lap-text-size4); }
  .pti-intro h3[b-382ikuyfw2] { margin-bottom: var(--lap-3); }
  .pti-certificate-grid[b-382ikuyfw2], .pti-usage-grid[b-382ikuyfw2] { grid-template-columns: 1fr; }
  .pti-certificates > p[b-382ikuyfw2], .pti-usage > p[b-382ikuyfw2] { font-size: var(--lap-text-size2); }
  .pti-warning[b-382ikuyfw2] { flex-direction: column; }
}
/* /Components/Pages/Goods/Detail/RelatedILabelDesigns.razor.rz.scp.css */
.rid-root[b-5hnlx4btli] { margin-top: var(--lap-6); padding: var(--lap-6); }
.rid-head[b-5hnlx4btli] { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--lap-4); margin-bottom: var(--lap-5); }
.rid-head h2[b-5hnlx4btli] { margin: 0; font-size: var(--lap-text-size5); }
.rid-head p[b-5hnlx4btli] { margin-top: var(--lap-2); color: var(--lap-text-tertiary); }
.rid-more[b-5hnlx4btli] { flex: 0 0 auto; color: var(--lap-color-primary); font-weight: var(--lap-fw-semibold); }
.rid-grid[b-5hnlx4btli] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--lap-3); }
.rid-card[b-5hnlx4btli] { min-width: 0; overflow: hidden; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); color: inherit; box-shadow: var(--lap-shadow-1); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.rid-card:hover[b-5hnlx4btli] { border-color: var(--lap-primary-300); box-shadow: var(--lap-shadow-2); transform: translateY(calc(var(--lap-1) * -.5)); }
.rid-card:focus-visible[b-5hnlx4btli] { outline: 2px solid var(--lap-primary-400); outline-offset: 2px; }
.rid-image[b-5hnlx4btli] { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; padding: var(--lap-3); background: var(--lap-gray-50); }
.rid-image img[b-5hnlx4btli] { width: 100%; height: 100%; object-fit: contain; }
.rid-body[b-5hnlx4btli] { display: flex; flex-direction: column; gap: var(--lap-1); min-width: 0; padding: var(--lap-3); }
.rid-body strong[b-5hnlx4btli], .rid-body span[b-5hnlx4btli] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rid-body strong[b-5hnlx4btli] { color: var(--lap-primary-700); font-size: var(--lap-text-size2); }
.rid-body span[b-5hnlx4btli] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); }

@media (max-width: 991.98px) {
  .rid-grid[b-5hnlx4btli] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
  .rid-root[b-5hnlx4btli] { padding: var(--lap-4); }
  .rid-head[b-5hnlx4btli] { align-items: flex-start; }
  .rid-head h2[b-5hnlx4btli] { font-size: var(--lap-text-size4); }
  .rid-grid[b-5hnlx4btli] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/Goods/Detail/SheetPurchaseSelector.razor.rz.scp.css */
.sps-root[b-w4nhwjh5ni] { display: flex; flex-direction: column; gap: var(--lap-3); }
.sps-heading[b-w4nhwjh5ni] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.sps-heading h2[b-w4nhwjh5ni] { font-size: var(--lap-text-size4); }
.sps-pack-toggle[b-w4nhwjh5ni] { display: flex; align-items: center; gap: var(--lap-1); }
.sps-help[b-w4nhwjh5ni] { display: inline-flex; align-items: center; justify-content: center; color: var(--lap-text-disabled); }
.sps-help:hover[b-w4nhwjh5ni], .sps-help:focus-visible[b-w4nhwjh5ni] { color: var(--lap-color-primary); }
.sps-custom-result strong[b-w4nhwjh5ni] { color: var(--lap-color-primary); }
.sps-minimum-link[b-w4nhwjh5ni] { margin-top: var(--lap-2); color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.sps-custom[b-w4nhwjh5ni] { display: flex; justify-content: space-between; gap: var(--lap-4); min-height: calc(var(--lap-1) * 18); padding: var(--lap-5) var(--lap-4); border: 1px solid transparent; background: var(--lap-gray-50); }
.sps-custom.is-selected[b-w4nhwjh5ni] { border-color: var(--lap-color-primary); background: var(--lap-primary-50); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.sps-custom > div:first-child[b-w4nhwjh5ni] { display: flex; flex-direction: column; gap: var(--lap-2); min-width: 0; }
.sps-custom > div:first-child > strong[b-w4nhwjh5ni] { font-size: var(--lap-text-size3); }
.sps-custom-input[b-w4nhwjh5ni] { display: flex; align-items: center; gap: var(--lap-2); }
.sps-custom-input input[b-w4nhwjh5ni] { width: calc(var(--lap-1) * 28); height: var(--lap-9); padding-inline: var(--lap-3); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); background: var(--lap-white); font-size: var(--lap-text-size3); }
.sps-custom-input input:focus[b-w4nhwjh5ni] { border-color: var(--lap-color-primary); box-shadow: 0 0 0 2px var(--lap-primary-100); outline: 0; }
.sps-custom p[b-w4nhwjh5ni] { color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.sps-custom p b[b-w4nhwjh5ni], .sps-custom p button[b-w4nhwjh5ni] { color: var(--lap-success-700); font-weight: var(--lap-fw-bold); }
.sps-custom-result[b-w4nhwjh5ni] { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; min-width: calc(var(--lap-1) * 35); min-height: calc(var(--lap-1) * 15); color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); white-space: nowrap; }
.sps-custom-result.is-pending[b-w4nhwjh5ni] { color: var(--lap-text-tertiary); }
.sps-pack[b-w4nhwjh5ni] { display: flex; flex-direction: column; gap: var(--lap-3); padding: var(--lap-3); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-sm); background: var(--lap-white); }
.sps-pack-row[b-w4nhwjh5ni] { display: grid; grid-template-columns: calc(var(--lap-1) * 14) minmax(0, 1fr); align-items: center; gap: var(--lap-2); }
.sps-pack-row > span[b-w4nhwjh5ni] { color: var(--lap-text-tertiary); }
.sps-pack-row > div[b-w4nhwjh5ni] { display: flex; align-items: center; gap: var(--lap-2); }
.sps-pack-row > div:not(.sps-pack-quantity) > button[b-w4nhwjh5ni] { min-height: var(--lap-9); padding-inline: var(--lap-3); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); }
.sps-pack-row > div > button.is-selected[b-w4nhwjh5ni] { border-color: var(--lap-color-primary); background: var(--lap-primary-50); color: var(--lap-color-primary); font-weight: var(--lap-fw-bold); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.sps-pack-quantity[b-w4nhwjh5ni] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); width: 100%; }
.sps-pack-quantity > strong[b-w4nhwjh5ni] { color: var(--lap-color-primary); font-size: var(--lap-text-size4); }
.sps-minimum[b-w4nhwjh5ni], .sps-error[b-w4nhwjh5ni] { color: var(--lap-danger-500); font-size: var(--lap-text-size2); }
.sps-error[b-w4nhwjh5ni] { padding: var(--lap-3); border-radius: var(--lap-r-md); background: var(--lap-warning-50); }
.sps-modal-copy[b-w4nhwjh5ni] { display: flex; flex-direction: column; gap: var(--lap-3); color: var(--lap-text-secondary); line-height: var(--lap-lh-normal-xl); }
.sps-modal-copy strong[b-w4nhwjh5ni] { color: var(--lap-color-primary); }
@media (max-width: 575.98px) { .sps-pack-row[b-w4nhwjh5ni] { grid-template-columns: 1fr; } }
/* /Components/Pages/Goods/ILabelBlankLabelList.razor.rz.scp.css */
.ig-root[b-ljvwba87ow],
.ig-blank-root[b-ljvwba87ow] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.ig-blank-actions[b-ljvwba87ow] {
  display: flex;
  justify-content: flex-end;
}

.ig-product-tabs-row[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-4);
  min-width: 0;
}

.ig-tabs[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  padding-bottom: 0;
}

.ig-tab[b-ljvwba87ow] {
  flex: 0 0 auto;
  min-width: calc(var(--lap-1) * 32);
  height: var(--lap-11);
  padding: 0 var(--lap-6);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-max);
  background: transparent;
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
  white-space: nowrap;
}

.ig-tab.is-active[b-ljvwba87ow] {
  border-color: var(--lap-primary-400);
  background: var(--lap-primary-50);
  color: var(--lap-color-primary);
}

.ig-reset[b-ljvwba87ow] {
  flex: 0 0 auto;
}

.ig-filter-grid[b-ljvwba87ow] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--lap-4);
}

.ig-filter-card[b-ljvwba87ow] {
  min-height: calc(var(--lap-1) * 42);
  padding: var(--lap-5);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  transition: border-color var(--lap-motion-fast) ease;
}

.ig-filter-card-compact[b-ljvwba87ow] {
  min-height: auto;
}

.ig-filter-head[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  padding-bottom: var(--lap-4);
  border-bottom: 1px solid var(--lap-gray-200);
}

.ig-filter-title[b-ljvwba87ow] {
  font-weight: var(--lap-fw-bold);
  color: var(--lap-text-main);
}

.ig-range[b-ljvwba87ow],
.ig-range-single[b-ljvwba87ow] {
  padding-top: var(--lap-4);
}

.ig-range-label[b-ljvwba87ow] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--lap-1);
  color: var(--lap-text-main);
}

.ig-range-label span[b-ljvwba87ow] {
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
}

.ig-range-track[b-ljvwba87ow] {
  position: relative;
  width: 100%;
  height: var(--lap-6);
  margin-top: var(--lap-3);
  touch-action: none;
}

.ig-range-track[b-ljvwba87ow]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: calc(var(--lap-1) / 2);
  border-radius: var(--lap-r-max);
  background: var(--lap-primary-100);
  transform: translateY(-50%);
  z-index: 0;
}

.ig-range-fill[b-ljvwba87ow] {
  position: absolute;
  top: 50%;
  height: calc(var(--lap-1) / 2);
  border-radius: var(--lap-r-max);
  background: var(--lap-primary-400);
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}

.ig-range-fill[b-ljvwba87ow]::before,
.ig-range-fill[b-ljvwba87ow]::after {
  content: "";
  position: absolute;
  top: 50%;
  width: var(--lap-3);
  height: var(--lap-3);
  border-radius: var(--lap-r-max);
  background: var(--lap-primary-500);
}

.ig-range-fill[b-ljvwba87ow]::before {
  left: 0;
  transform: translate(-50%, -50%);
}

.ig-range-fill[b-ljvwba87ow]::after {
  right: 0;
  transform: translate(50%, -50%);
}

.ig-range-input[b-ljvwba87ow] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: var(--lap-6);
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}

.ig-range-input:focus[b-ljvwba87ow] {
  outline: none;
}

.ig-range-input[b-ljvwba87ow]::-webkit-slider-runnable-track {
  height: var(--lap-6);
  background: transparent;
}

.ig-range-input[b-ljvwba87ow]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  pointer-events: auto;
  width: var(--lap-5);
  height: var(--lap-5);
  border: 0;
  background: transparent;
  cursor: grab;
}

.ig-range-input[b-ljvwba87ow]::-moz-range-track {
  height: var(--lap-6);
  background: transparent;
  border: 0;
}

.ig-range-input[b-ljvwba87ow]::-moz-range-thumb {
  pointer-events: auto;
  width: var(--lap-5);
  height: var(--lap-5);
  border: 0;
  background: transparent;
  cursor: grab;
}

.ig-range-input-min[b-ljvwba87ow] {
  z-index: 3;
}

.ig-range-input-max[b-ljvwba87ow] {
  z-index: 4;
}

.ig-select-wrap[b-ljvwba87ow] {
  width: 100%;
  margin-top: var(--lap-4);
}

.ig-material-detail-action[b-ljvwba87ow] {
  width: 100%;
  margin-top: var(--lap-2);
}

.ig-prosumer-filter[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  margin-top: var(--lap-3);
  color: var(--lap-text-tertiary);
}

.ig-prosumer-link[b-ljvwba87ow] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--lap-1);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-semibold);
  cursor: pointer;
}

.ig-prosumer-link:hover[b-ljvwba87ow],
.ig-prosumer-link:focus-visible[b-ljvwba87ow] {
  color: var(--lap-primary-700);
}

.ig-prosumer-link img[b-ljvwba87ow] {
  width: var(--lap-5);
  height: var(--lap-5);
  object-fit: contain;
}

.ig-prosumer-modal-copy[b-ljvwba87ow] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  color: var(--lap-text-secondary);
  line-height: var(--lap-lh-normal-xl);
}

.ig-prosumer-modal-copy strong[b-ljvwba87ow] {
  color: var(--lap-color-primary);
}

.ig-checkbox-wrap[b-ljvwba87ow] {
  margin-top: var(--lap-4);
}

.ig-core-options[b-ljvwba87ow] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lap-2);
  margin-top: var(--lap-4);
}

.ig-core-option[b-ljvwba87ow] {
  min-height: var(--lap-11);
  padding: 0 var(--lap-4);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-sm);
  background: var(--lap-white);
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
}

.ig-core-option:hover[b-ljvwba87ow],
.ig-core-option.is-active[b-ljvwba87ow] {
  border-color: var(--lap-primary-400);
  background: var(--lap-primary-50);
  color: var(--lap-color-primary);
}

.ig-result-row[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  margin-top: var(--lap-2);
}

.ig-result-actions[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--lap-3);
  min-width: 0;
  margin: 0;
  --bs-gutter-x: var(--lap-3);
  --bs-gutter-y: 0;
}

.ig-sort-select[b-ljvwba87ow] {
  min-width: 0;
}

.ig-result-summary[b-ljvwba87ow] {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ig-mobile-list-actions[b-ljvwba87ow] {
  display: none;
}

.ig-result-text[b-ljvwba87ow] {
  font-size: var(--lap-text-size3);
  color: var(--lap-text-main);
}

.ig-empty[b-ljvwba87ow] {
  min-height: calc(var(--lap-1) * 30);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  color: var(--lap-text-secondary);
}

.ig-product-grid[b-ljvwba87ow] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--lap-5);
}

.ig-product-card[b-ljvwba87ow] {
  display: block;
  min-width: 0;
  padding: var(--lap-5);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease;
  cursor: pointer;
}

.ig-product-card:hover[b-ljvwba87ow] {
  border-color: var(--lap-primary-300);
  box-shadow: var(--lap-shadow-2);
  transform: translateY(calc(var(--lap-1) * -0.5));
}

.ig-product-img[b-ljvwba87ow] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1.22;
  margin-bottom: var(--lap-3);
  background: var(--lap-white);
}

.ig-product-img img[b-ljvwba87ow] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ig-product-img > .ig-prosumer-badge[b-ljvwba87ow] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: var(--lap-8);
  height: var(--lap-8);
  object-fit: contain;
}

.ig-product-img[b-ljvwba87ow]  .ig-new-badge {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.ig-product-info[b-ljvwba87ow] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  min-width: 0;
  font-size: var(--lap-text-size1);
  color: var(--lap-text-tertiary);
}

.ig-product-info span[b-ljvwba87ow],
.ig-product-title[b-ljvwba87ow] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ig-product-title[b-ljvwba87ow] {
  font-size: var(--lap-text-size2);
  color: var(--lap-primary-700);
}

@media (max-width: 1199.98px) {
  .ig-filter-grid[b-ljvwba87ow] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ig-product-grid[b-ljvwba87ow] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--lap-4);
  }
}

@media (max-width: 991.98px) {
  .ig-product-tabs-row[b-ljvwba87ow] {
    gap: var(--lap-3);
  }

  .ig-tabs[b-ljvwba87ow] {
    gap: var(--lap-1);
  }

  .ig-tab[b-ljvwba87ow] {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 var(--lap-3);
    font-size: var(--lap-text-size1);
  }

  .ig-product-grid[b-ljvwba87ow] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ig-result-summary[b-ljvwba87ow] {
    gap: var(--lap-3);
  }

  .ig-reset-summary[b-ljvwba87ow] {
    flex: 0 0 auto;
  }
}

@media (max-width: 767.98px) {
  .ig-root[b-ljvwba87ow] {
    gap: var(--lap-3);
  }

	.ig-filter-grid[b-ljvwba87ow],
	.ig-result-row[b-ljvwba87ow] {
	  scroll-margin-top: calc(var(--lap-1) * 15 + 3px);
	}

  .ig-product-tabs-row[b-ljvwba87ow] {
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--lap-2);
  }

  .ig-tabs[b-ljvwba87ow] {
    width: 100%;
    gap: var(--lap-1);
  }

  .ig-tab[b-ljvwba87ow] {
    flex: 1 1 0;
    min-width: 0;
    height: var(--lap-10);
    padding: 0 var(--lap-2);
    font-size: var(--lap-text-size1);
  }

  .ig-reset-desktop[b-ljvwba87ow] {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    align-self: flex-end;
  }

  .ig-filter-grid[b-ljvwba87ow] {
    grid-template-columns: 1fr;
    gap: var(--lap-3);
  }

  .ig-filter-card[b-ljvwba87ow] {
    min-height: auto;
    padding: var(--lap-4);
  }

  .ig-result-row[b-ljvwba87ow] {
	  position: relative;
    align-items: flex-start;
    flex-direction: column;
	  width: 100%;
	  padding: var(--lap-3);
	  border: 1px solid var(--lap-gray-200);
	  border-radius: var(--lap-r-lg);
	  background: var(--lap-white);
  }

	.ig-result-row.is-search-entry[b-ljvwba87ow] {
	  position: sticky;
	  top: calc(var(--lap-1) * 13 + 3px);
	  z-index: 30;
	  box-shadow: var(--lap-shadow-2);
	}

  .ig-result-summary[b-ljvwba87ow] {
    width: 100%;
  }

	.ig-mobile-list-actions[b-ljvwba87ow] {
	  display: flex;
	  width: 100%;
	  gap: var(--lap-2);
	}

	.ig-mobile-list-actions > span[b-ljvwba87ow] {
	  flex: 1 1 0;
	  min-width: 0;
	}

  .ig-result-actions[b-ljvwba87ow] {
    width: 100%;
    justify-content: flex-start;
  }

  .ig-sort-select[b-ljvwba87ow] {
    width: 100%;
  }

  .ig-sort-select[b-ljvwba87ow]  .ls-root {
    width: 100%;
  }

  .ig-result-text[b-ljvwba87ow] {
    font-size: var(--lap-text-size2);
  }

  .ig-product-grid[b-ljvwba87ow] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-3);
  }

  .ig-product-card[b-ljvwba87ow] {
    padding: var(--lap-3);
  }

  .ig-product-title[b-ljvwba87ow] {
    font-size: var(--lap-text-size1);
  }
}
/* /Components/Pages/Goods/ILabelDesignLabelList.razor.rz.scp.css */
.idg-root[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.idg-toolbar[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
}

.idg-search[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
  min-width: 0;
  flex: 1 1 auto;
  max-width: calc(var(--lap-1) * 132);
}

.idg-search-input[b-zyrgwisclz] {
  width: 100%;
  min-width: 0;
  height: var(--lap-9);
  padding: 0 var(--lap-4);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-sm);
  background: var(--lap-white);
  color: var(--lap-text-main);
}

.idg-search-input:focus[b-zyrgwisclz] {
  border-color: var(--lap-primary-400);
  outline: none;
}

.idg-toolbar-actions[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.idg-core-options[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
}

.idg-core-option[b-zyrgwisclz],
.idg-hashtag[b-zyrgwisclz],
.idg-card-tag[b-zyrgwisclz] {
  min-height: var(--lap-8);
  padding: 0 var(--lap-3);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-max);
  background: var(--lap-white);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-semibold);
}

.idg-core-option:hover[b-zyrgwisclz],
.idg-core-option.is-active[b-zyrgwisclz],
.idg-hashtag:hover[b-zyrgwisclz],
.idg-hashtag.is-active[b-zyrgwisclz] {
  border-color: var(--lap-primary-400);
  background: var(--lap-primary-50);
  color: var(--lap-color-primary);
}

.idg-hashtags[b-zyrgwisclz] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-2);
}

.idg-hashtag-reset[b-zyrgwisclz] {
  border-color: var(--lap-primary-400);
  color: var(--lap-color-primary);
}

.idg-result-row[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.idg-result-text[b-zyrgwisclz] {
  font-size: var(--lap-text-size3);
  color: var(--lap-text-main);
}

.idg-empty[b-zyrgwisclz] {
  min-height: calc(var(--lap-1) * 30);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  color: var(--lap-text-secondary);
}

.idg-grid[b-zyrgwisclz] {
  --bs-gutter-x: var(--lap-5);
  --bs-gutter-y: var(--lap-5);
}

.idg-column[b-zyrgwisclz] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
}

.idg-card[b-zyrgwisclz] {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  overflow: hidden;
  transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease;
}

.idg-card:hover[b-zyrgwisclz] {
  border-color: var(--lap-primary-300);
  box-shadow: var(--lap-shadow-2);
  transform: translateY(calc(var(--lap-1) * -0.5));
}

.idg-card:focus-visible[b-zyrgwisclz],
.idg-label-card:focus-visible[b-zyrgwisclz],
.idg-link-button:focus-visible[b-zyrgwisclz] {
  outline: 2px solid var(--lap-primary-400);
  outline-offset: 2px;
}

.idg-card-image[b-zyrgwisclz] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 0.72;
  padding: var(--lap-4);
  background: var(--lap-white);
}

.idg-card-image img[b-zyrgwisclz] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.idg-card-image[b-zyrgwisclz]  .idg-new-badge {
  position: absolute;
  left: var(--lap-3);
  top: var(--lap-3);
}

.idg-card-divider[b-zyrgwisclz] {
  display: block;
  height: 1px;
  margin: 0 var(--lap-3);
  background: var(--lap-gray-200);
}

.idg-card-body[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  min-width: 0;
  padding: var(--lap-4);
}

.idg-card-title[b-zyrgwisclz],
.idg-card-subtitle[b-zyrgwisclz],
.idg-card-count[b-zyrgwisclz] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.idg-card-title[b-zyrgwisclz] {
  color: var(--lap-primary-700);
  font-size: var(--lap-text-size2);
}

.idg-card-subtitle[b-zyrgwisclz],
.idg-card-count[b-zyrgwisclz] {
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
}

.idg-card-tags[b-zyrgwisclz] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-1);
  margin-top: var(--lap-2);
}

.idg-card-tag[b-zyrgwisclz] {
  min-height: var(--lap-7);
  padding: 0 var(--lap-2);
  font-weight: var(--lap-fw-regular);
}

.idg-card-tag:hover[b-zyrgwisclz] {
  border-color: var(--lap-primary-400);
  color: var(--lap-color-primary);
}

.idg-pagination[b-zyrgwisclz] {
  margin-top: var(--lap-2);
}

.idg-selected-layout[b-zyrgwisclz] {
  display: grid;
  grid-template-columns: minmax(calc(var(--lap-1) * 72), calc(var(--lap-1) * 82)) minmax(0, 1fr);
  gap: var(--lap-6);
  align-items: start;
}

.idg-selected-panel[b-zyrgwisclz] {
  min-width: 0;
}

.idg-selected-head[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-3);
  margin-bottom: var(--lap-3);
  color: var(--lap-text-main);
}

.idg-link-button[b-zyrgwisclz] {
  border: 0;
  background: transparent;
  color: var(--lap-color-primary);
  font-weight: var(--lap-fw-bold);
}

.idg-selected-card[b-zyrgwisclz] {
  border: 1px solid var(--lap-primary-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  overflow: hidden;
}

.idg-selected-image[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 0.9;
  padding: var(--lap-4);
  background: var(--lap-primary-50);
}

.idg-selected-image img[b-zyrgwisclz] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.idg-selected-body[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  padding: var(--lap-4);
  color: var(--lap-text-secondary);
}

.idg-selected-body strong[b-zyrgwisclz] {
  color: var(--lap-text-main);
}

.idg-label-section[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
  min-width: 0;
}

.idg-label-grid[b-zyrgwisclz] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--lap-5);
}

.idg-label-card[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
  overflow: hidden;
  transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease;
}

.idg-label-card:hover[b-zyrgwisclz] {
  border-color: var(--lap-primary-300);
  box-shadow: var(--lap-shadow-2);
  transform: translateY(calc(var(--lap-1) * -0.5));
}

.idg-label-image[b-zyrgwisclz] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1.02;
  padding: var(--lap-4);
  background: var(--lap-gray-50);
}

.idg-label-image img[b-zyrgwisclz] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.idg-label-body[b-zyrgwisclz] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-1);
  min-width: 0;
  padding: var(--lap-4);
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
}

.idg-label-body strong[b-zyrgwisclz],
.idg-label-body span[b-zyrgwisclz] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.idg-label-body strong[b-zyrgwisclz] {
  color: var(--lap-text-main);
  font-size: var(--lap-text-size2);
}

@media (max-width: 1199.98px) {
  .idg-label-grid[b-zyrgwisclz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--lap-4);
  }
}

@media (max-width: 991.98px) {
  .idg-selected-layout[b-zyrgwisclz] {
    grid-template-columns: 1fr;
  }

  .idg-label-grid[b-zyrgwisclz] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .idg-toolbar[b-zyrgwisclz] {
    align-items: stretch;
    flex-direction: column;
  }

  .idg-search[b-zyrgwisclz] {
    max-width: none;
  }

  .idg-toolbar-actions[b-zyrgwisclz],
  .idg-toolbar-actions[b-zyrgwisclz]  .ls-root {
    width: 100%;
  }

  .idg-core-options[b-zyrgwisclz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .idg-hashtags[b-zyrgwisclz] {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: var(--lap-1);
    scroll-snap-type: x proximity;
  }

  .idg-hashtag[b-zyrgwisclz] {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .idg-result-text[b-zyrgwisclz] {
    font-size: var(--lap-text-size2);
  }

  .idg-grid[b-zyrgwisclz] { --bs-gutter-x: var(--lap-3); --bs-gutter-y: var(--lap-3); }

  .idg-label-grid[b-zyrgwisclz] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-3); }

  .idg-selected-card[b-zyrgwisclz] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

@media (max-width: 479.98px) {
  .idg-selected-card[b-zyrgwisclz] {
    display: block;
  }
}
/* /Components/Pages/Goods/ILabelGoods.razor.rz.scp.css */
.ig-root[b-wdd2axbyxe] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.ig-product-tabs-row[b-wdd2axbyxe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-4);
  min-width: 0;
}

.ig-tabs[b-wdd2axbyxe] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  padding-bottom: 0;
}

.ig-tab[b-wdd2axbyxe] {
  flex: 0 0 auto;
  min-width: calc(var(--lap-1) * 32);
  height: var(--lap-11);
  padding: 0 var(--lap-6);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-max);
  background: transparent;
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
  white-space: nowrap;
}

.ig-tab.is-active[b-wdd2axbyxe] {
  border-color: var(--lap-primary-400);
  background: var(--lap-primary-50);
  color: var(--lap-color-primary);
}

.ig-reset-header[b-wdd2axbyxe] {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 991.98px) {
  .ig-product-tabs-row[b-wdd2axbyxe] {
    gap: var(--lap-3);
  }

  .ig-tabs[b-wdd2axbyxe] {
    gap: var(--lap-1);
  }

  .ig-tab[b-wdd2axbyxe] {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 var(--lap-3);
    font-size: var(--lap-text-size1);
  }

  .ig-product-tabs-row[b-wdd2axbyxe] {
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--lap-2);
  }

  .ig-tabs[b-wdd2axbyxe] {
    width: 100%;
    gap: var(--lap-1);
  }

  .ig-tab[b-wdd2axbyxe] {
    flex: 1 1 0;
    min-width: 0;
    height: var(--lap-10);
    padding: 0 var(--lap-2);
    font-size: var(--lap-text-size1);
  }
}

@media (max-width: 767.98px) {
  .ig-root[b-wdd2axbyxe] {
    gap: var(--lap-3);
  }
}
/* /Components/Pages/Goods/ILabelGoodsDetail.razor.rz.scp.css */
.pgd-page[b-gzt4sfga7p] { min-width: 0; }
.pgd-state[b-gzt4sfga7p] { display: flex; align-items: center; justify-content: center; min-height: calc(var(--lap-1) * 80); padding: var(--lap-7); border-radius: var(--lap-r-xl); background: var(--lap-white); color: var(--lap-text-secondary); text-align: center; }
.pgd-error[b-gzt4sfga7p] { flex-direction: column; gap: var(--lap-4); }
.pgd-error h1[b-gzt4sfga7p] { color: var(--lap-text-main); font-size: var(--lap-text-size4); }
/* /Components/Pages/Goods/ITagGoods.razor.rz.scp.css */
.ig-root[b-nmda6cv3zf] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
}

.ig-product-tabs-row[b-nmda6cv3zf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-4);
  min-width: 0;
}

.ig-tabs[b-nmda6cv3zf] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  padding-bottom: 0;
}

.ig-tab[b-nmda6cv3zf] {
  flex: 0 0 auto;
  min-width: calc(var(--lap-1) * 32);
  height: var(--lap-11);
  padding: 0 var(--lap-6);
  border: 1px solid var(--lap-gray-300);
  border-radius: var(--lap-r-max);
  background: transparent;
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
  white-space: nowrap;
}

.ig-tab.is-active[b-nmda6cv3zf] {
  border-color: var(--lap-primary-400);
  background: var(--lap-primary-50);
  color: var(--lap-color-primary);
}

.ig-reset-header[b-nmda6cv3zf] {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 991.98px) {
  .ig-product-tabs-row[b-nmda6cv3zf] {
    gap: var(--lap-3);
  }

  .ig-tabs[b-nmda6cv3zf] {
    gap: var(--lap-1);
  }

  .ig-tab[b-nmda6cv3zf] {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 var(--lap-3);
    font-size: var(--lap-text-size1);
  }

  .ig-product-tabs-row[b-nmda6cv3zf] {
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--lap-2);
  }

  .ig-tabs[b-nmda6cv3zf] {
    width: 100%;
    gap: var(--lap-1);
  }

  .ig-tab[b-nmda6cv3zf] {
    flex: 1 1 0;
    min-width: 0;
    height: var(--lap-10);
    padding: 0 var(--lap-2);
    font-size: var(--lap-text-size1);
  }
}

@media (max-width: 767.98px) {
  .ig-root[b-nmda6cv3zf] {
    gap: var(--lap-3);
  }
}
/* /Components/Pages/Goods/ProductMaterialInstruction.razor.rz.scp.css */
.igi-root[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-4); color:var(--lap-text-main); }
.igi-header[b-ep0yciv1c9] { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--lap-4); }
.igi-header h1[b-ep0yciv1c9] { margin-top:var(--lap-2); color:var(--lap-text-main); font-size:var(--lap-text-size6); font-weight:var(--lap-fw-bold); line-height:var(--lap-lh-tight); }
.igi-header p[b-ep0yciv1c9] { margin-top:var(--lap-2); color:var(--lap-text-secondary); font-size:var(--lap-text-size2); }
.igi-back[b-ep0yciv1c9] { display:inline-flex; align-items:center; gap:var(--lap-1); color:var(--lap-text-tertiary); font-size:var(--lap-text-size2); }
.igi-back:hover[b-ep0yciv1c9] { color:var(--lap-color-primary); }
.igi-top[b-ep0yciv1c9],.igi-content[b-ep0yciv1c9] { width:100%; min-width:0; }
.igi-overview-card[b-ep0yciv1c9] { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:var(--lap-5); padding:var(--lap-5); background:var(--lap-white); }
.igi-overview-product[b-ep0yciv1c9],.igi-overview-select[b-ep0yciv1c9] { min-width:0; }
.igi-overview-select[b-ep0yciv1c9] { padding-left:var(--lap-5); border-left:1px solid var(--lap-gray-200); }
.igi-spec-card[b-ep0yciv1c9] { display:grid; grid-template-columns:minmax(180px,.9fr) minmax(210px,1.1fr); align-items:center; gap:var(--lap-5); }
.igi-product-image[b-ep0yciv1c9] { display:flex; align-items:center; justify-content:center; min-height:calc(var(--lap-1) * 52); padding:var(--lap-3); background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--lap-primary-50) 80%,transparent),transparent 34%),linear-gradient(180deg,var(--lap-white),var(--lap-gray-50)); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-xl); }
.igi-product-image img[b-ep0yciv1c9] { display:block; width:100%; max-height:calc(var(--lap-1) * 48); object-fit:contain; }
.igi-spec-info h2[b-ep0yciv1c9] { margin-bottom:var(--lap-4); color:var(--lap-text-main); font-size:var(--lap-text-size4); font-weight:var(--lap-fw-bold); }
.igi-spec-info dl[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-4); margin:0; }
.igi-spec-info dl>div[b-ep0yciv1c9] { display:flex; align-items:center; justify-content:space-between; gap:var(--lap-4); }
.igi-spec-info dt[b-ep0yciv1c9] { color:var(--lap-text-secondary); font-weight:var(--lap-fw-bold); }
.igi-spec-info dd[b-ep0yciv1c9] { margin:0; color:var(--lap-text-main); font-weight:var(--lap-fw-medium); text-align:right; }
.igi-spec-info a[b-ep0yciv1c9] { color:var(--lap-color-primary); }
.igi-select-panel[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-4); }
.igi-panel-head h2[b-ep0yciv1c9] { color:var(--lap-text-main); font-size:var(--lap-text-size5); font-weight:var(--lap-fw-bold); line-height:var(--lap-lh-tight); }
.igi-select-box[b-ep0yciv1c9] { position:relative; z-index:5; }
.igi-select-label[b-ep0yciv1c9] { display:block; margin-bottom:var(--lap-2); color:var(--lap-text-main); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-bold); }
.igi-select-trigger[b-ep0yciv1c9] { display:flex; align-items:center; justify-content:space-between; gap:var(--lap-3); width:100%; min-height:calc(var(--lap-1) * 14); padding:var(--lap-2) var(--lap-4); color:var(--lap-text-main); text-align:left; background:var(--lap-white); border:1px solid var(--lap-gray-300); border-radius:var(--lap-r-md); transition:border-color var(--lap-motion-fast),box-shadow var(--lap-motion-fast); }
.igi-select-trigger:hover[b-ep0yciv1c9],.igi-select-trigger.is-open[b-ep0yciv1c9] { border-color:var(--lap-primary-400); }
.igi-select-trigger.is-open>.lap-icon[b-ep0yciv1c9] { transform:rotate(180deg); }
.igi-selected-material[b-ep0yciv1c9] { display:flex; align-items:center; gap:var(--lap-3); min-width:0; }
.igi-selected-material>span:last-child[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-1); min-width:0; }
.igi-selected-material strong[b-ep0yciv1c9] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--lap-text-size2); }
.igi-selected-material small[b-ep0yciv1c9] { overflow:hidden; color:var(--lap-text-secondary); text-overflow:ellipsis; white-space:nowrap; font-size:var(--lap-text-size1); }
.igi-material-placeholder[b-ep0yciv1c9] { color:var(--lap-text-secondary); font-size:var(--lap-text-size2); }
.igi-material-list[b-ep0yciv1c9] { position:absolute; top:calc(100% + var(--lap-2)); left:0; right:0; max-height:calc(var(--lap-1) * 80); overflow-y:auto; background:var(--lap-white); border:1px solid var(--lap-gray-300); border-radius:var(--lap-r-xl); box-shadow:var(--lap-shadow-3); }
.igi-material-item[b-ep0yciv1c9] { display:flex; align-items:center; gap:var(--lap-3); width:100%; min-height:calc(var(--lap-1) * 14); padding:var(--lap-3) var(--lap-4); text-align:left; background:var(--lap-white); border-bottom:1px solid var(--lap-gray-200); }
.igi-material-item:last-child[b-ep0yciv1c9] { border-bottom:0; }
.igi-material-item:hover[b-ep0yciv1c9],.igi-material-item.is-active[b-ep0yciv1c9] { background:var(--lap-primary-50); }
.igi-material-item>span:last-child[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-1); min-width:0; }
.igi-material-item strong[b-ep0yciv1c9] { color:var(--lap-text-main); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-bold); }
.igi-material-item em[b-ep0yciv1c9] { color:var(--lap-text-secondary); font-size:var(--lap-text-size1); font-style:normal; }
.igi-material-summary[b-ep0yciv1c9] { display:flex; flex-direction:column; padding:var(--lap-5); background:var(--lap-white); }
.igi-material-summary-head[b-ep0yciv1c9] { display:flex; align-items:center; gap:var(--lap-4); margin-bottom:var(--lap-4); }
.igi-material-summary-head h2[b-ep0yciv1c9] { color:var(--lap-text-main); font-size:var(--lap-text-size5); font-weight:var(--lap-fw-bold); line-height:var(--lap-lh-tight); }
.igi-material-summary-head p[b-ep0yciv1c9] { margin-top:var(--lap-1); color:var(--lap-text-secondary); }
.igi-eyebrow[b-ep0yciv1c9] { display:inline-flex; margin-bottom:var(--lap-1); color:var(--lap-color-primary); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); letter-spacing:.08em; text-transform:uppercase; }
.igi-material-icon[b-ep0yciv1c9] { position:relative; display:block; flex:0 0 auto; width:var(--lap-9); height:var(--lap-9); overflow:hidden; background:var(--lap-white); border-radius:var(--lap-r-max); }
.igi-material-icon img[b-ep0yciv1c9] { display:block; width:100%; height:100%; object-fit:cover; }
.igi-material-summary-head .igi-material-icon[b-ep0yciv1c9] { width:var(--lap-12); height:var(--lap-12); }
.igi-db-content[b-ep0yciv1c9] { color:var(--lap-text-main); font-size:var(--lap-text-size3); line-height:var(--lap-lh-normal-plus); }
.igi-weight[b-ep0yciv1c9] { margin-top:var(--lap-3); }
.igi-content[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-4); }
.igi-path[b-ep0yciv1c9] { display:inline-flex; align-items:center; flex-wrap:wrap; gap:var(--lap-2); color:var(--lap-text-secondary); font-size:var(--lap-text-size2); }
.igi-path strong[b-ep0yciv1c9] { color:var(--lap-color-primary); font-weight:var(--lap-fw-bold); }
.igi-guide-card[b-ep0yciv1c9] { height:100%; padding:var(--lap-5); background:var(--lap-white); }
.igi-guide-card h3[b-ep0yciv1c9] { margin-bottom:var(--lap-4); color:var(--lap-text-main); font-size:var(--lap-text-size4); font-weight:var(--lap-fw-bold); }
.igi-guide-card ul[b-ep0yciv1c9] { display:flex; flex-direction:column; gap:var(--lap-3); margin:0; padding:0; list-style:none; }
.igi-guide-card li[b-ep0yciv1c9] { position:relative; padding-left:var(--lap-4); color:var(--lap-text-secondary); font-size:var(--lap-text-size2); line-height:var(--lap-lh-normal-plus); }
.igi-guide-card li[b-ep0yciv1c9]::before { content:""; position:absolute; left:0; top:.72em; width:5px; height:5px; background:var(--lap-primary-400); border-radius:var(--lap-r-max); }
.igi-guide-card em[b-ep0yciv1c9] { color:var(--lap-text-main); font-style:normal; font-weight:var(--lap-fw-bold); }
.igi-guide-card .igi-emphasis[b-ep0yciv1c9],.igi-notes li[b-ep0yciv1c9] { color:var(--lap-danger-600); font-weight:var(--lap-fw-medium); }
.igi-notes li[b-ep0yciv1c9]::before { background:var(--lap-danger-500); }
.igi-video[b-ep0yciv1c9] { position:relative; overflow:hidden; width:100%; max-width:800px; margin:0 auto; aspect-ratio:16/9; border-radius:var(--lap-r-lg); background:var(--lap-gray-900); }
.igi-video iframe[b-ep0yciv1c9] { position:absolute; inset:0; width:100%; height:100%; border:0; }
.igi-empty[b-ep0yciv1c9] { padding:var(--lap-8); text-align:center; background:var(--lap-white); }
.igi-empty strong[b-ep0yciv1c9] { display:block; color:var(--lap-text-main); font-size:var(--lap-text-size4); }
.igi-empty p[b-ep0yciv1c9] { margin-top:var(--lap-2); color:var(--lap-text-secondary); }
.igi-empty a[b-ep0yciv1c9] { display:inline-flex; margin-top:var(--lap-3); color:var(--lap-color-primary); }
@media (max-width:1199.98px) { .igi-overview-card[b-ep0yciv1c9] { grid-template-columns:1fr; } .igi-overview-select[b-ep0yciv1c9] { padding-top:var(--lap-5); padding-left:0; border-top:1px solid var(--lap-gray-200); border-left:0; } }
@media (max-width:991.98px) { .igi-header h1[b-ep0yciv1c9] { font-size:var(--lap-text-size5); } }
@media (max-width:575.98px) { .igi-header[b-ep0yciv1c9] { flex-direction:column; } .igi-overview-card[b-ep0yciv1c9] { padding:var(--lap-4); } .igi-spec-card[b-ep0yciv1c9] { grid-template-columns:1fr; } .igi-product-image[b-ep0yciv1c9] { min-height:calc(var(--lap-1) * 44); } .igi-spec-info dl>div[b-ep0yciv1c9] { align-items:flex-start; flex-direction:column; gap:var(--lap-1); } .igi-spec-info dd[b-ep0yciv1c9] { text-align:left; } .igi-material-summary-head[b-ep0yciv1c9] { align-items:flex-start; } .igi-material-summary-head h2[b-ep0yciv1c9],.igi-panel-head h2[b-ep0yciv1c9] { font-size:var(--lap-text-size4); } .igi-db-content[b-ep0yciv1c9] { font-size:var(--lap-text-size2); } }
/* /Components/Pages/Goods/ProductSearch.razor.rz.scp.css */
.ps-page[b-lbq09e7tes] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-4);
}

.ps-toolbar[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-4);
}

.ps-toolbar-actions[b-lbq09e7tes],
.ps-prosumer-toggle[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	gap: var(--lap-3);
}

.ps-prosumer-toggle[b-lbq09e7tes] {
	cursor: pointer;
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size2);
}

.ps-prosumer-toggle input[b-lbq09e7tes] {
	width: 18px;
	height: 18px;
	accent-color: var(--lap-primary-600);
}

.ps-summary[b-lbq09e7tes] {
	color: var(--lap-text-main);
	font-size: var(--lap-text-size3);
}

.ps-filter-row[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--lap-2);
}

.ps-filter-pill[b-lbq09e7tes],
.ps-edit-filter[b-lbq09e7tes] {
	min-height: 32px;
	padding: 0 var(--lap-4);
	border-radius: var(--lap-r-max);
	font-size: var(--lap-text-size2);
}

.ps-filter-pill[b-lbq09e7tes] {
	border: 1px solid var(--lap-primary-500);
	background: var(--lap-primary-50);
	color: var(--lap-primary-600);
}

.ps-filter-pill span[b-lbq09e7tes] {
	margin-left: var(--lap-1);
	font-size: var(--lap-text-size3);
}

.ps-edit-filter[b-lbq09e7tes] {
	border: 1px solid var(--lap-gray-600);
	background: var(--lap-gray-700);
	color: var(--lap-white);
}

.ps-state[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	border: 1px dashed var(--lap-gray-300);
	border-radius: var(--lap-r-lg);
	color: var(--lap-text-muted);
}

.ps-empty[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--lap-3);
	padding: var(--lap-8) var(--lap-5);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-surface-0);
	text-align: center;
}

.ps-empty > img[b-lbq09e7tes] {
	width: 48px;
	height: 48px;
	opacity: .55;
}

.ps-empty h1[b-lbq09e7tes],
.ps-empty p[b-lbq09e7tes] {
	margin: 0;
}

.ps-empty h1[b-lbq09e7tes] {
	font-size: var(--lap-text-size5);
}

.ps-empty p strong[b-lbq09e7tes] {
	color: var(--lap-primary-600);
}

.ps-empty ul[b-lbq09e7tes] {
	margin: var(--lap-2) 0 var(--lap-4);
	padding-left: var(--lap-5);
	color: var(--lap-text-secondary);
	text-align: left;
}

.ps-empty-links[b-lbq09e7tes] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--lap-3);
	width: 100%;
}

.ps-empty-links a[b-lbq09e7tes] {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: var(--lap-1);
	min-height: 88px;
	padding: var(--lap-4);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	color: var(--lap-text-main);
	text-align: left;
	text-decoration: none;
}

.ps-empty-links a:hover[b-lbq09e7tes],
.ps-empty-links a:focus-visible[b-lbq09e7tes] {
	border-color: var(--lap-primary-400);
	background: var(--lap-primary-50);
}

.ps-empty-links span[b-lbq09e7tes] {
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size1);
}

.ps-section[b-lbq09e7tes] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
}

.ps-section-heading[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-3);
}

.ps-section-title[b-lbq09e7tes] {
	margin: 0;
	color: var(--lap-text-main);
	font-size: var(--lap-text-size4);
	font-weight: var(--lap-fw-bold);
}

.ps-section-title span[b-lbq09e7tes] {
	color: var(--lap-primary-600);
}

.ps-more-link[b-lbq09e7tes] {
	color: var(--lap-primary-600);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-semibold);
	text-decoration: none;
}

.ps-grid[b-lbq09e7tes] {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--lap-5);
}

.ps-card[b-lbq09e7tes] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	background: var(--lap-surface-0);
	box-shadow: var(--lap-shadow-2);
	color: var(--lap-text-main);
	text-decoration: none;
	overflow: hidden;
	transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease;
}

.ps-card:hover[b-lbq09e7tes],
.ps-card:focus-visible[b-lbq09e7tes] {
	border-color: var(--lap-primary-300);
	box-shadow: var(--lap-shadow-6);
	transform: translateY(-2px);
}

.ps-image[b-lbq09e7tes] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	margin: var(--lap-3);
	border-radius: var(--lap-r-lg);
	background: var(--lap-gray-50);
	overflow: hidden;
}

.ps-status[b-lbq09e7tes] {
	position: absolute;
	top: var(--lap-2);
	left: var(--lap-2);
	z-index: 1;
}

.ps-image img[b-lbq09e7tes] {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ps-card-body[b-lbq09e7tes] {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--lap-2);
	padding: 0 var(--lap-4) var(--lap-4);
}

.ps-card-title[b-lbq09e7tes] {
	color: var(--lap-primary-700);
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-normal);
}

.ps-card-size[b-lbq09e7tes] {
	color: var(--lap-text-main);
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-semibold);
}

.ps-card-code[b-lbq09e7tes],
.ps-card-meta[b-lbq09e7tes] {
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal);
}

.ps-rich-grid[b-lbq09e7tes] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--lap-5);
}

.ps-rich-image[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 10;
	margin: var(--lap-3);
	border-radius: var(--lap-r-lg);
	background: var(--lap-gray-50);
	overflow: hidden;
}

.ps-rich-image img[b-lbq09e7tes] {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ps-rich-card .ps-card-title[b-lbq09e7tes] {
	display: block;
}

.ps-material-subtitle[b-lbq09e7tes] {
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal);
}

.ps-material-summary[b-lbq09e7tes] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	margin: 0;
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-relaxed);
}

.ps-material-summary div[b-lbq09e7tes] {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: var(--lap-2);
}

.ps-material-summary dt[b-lbq09e7tes] {
	color: var(--lap-text-main);
	font-weight: var(--lap-fw-semibold);
}

.ps-material-summary dd[b-lbq09e7tes] {
	margin: 0;
	color: var(--lap-text-secondary);
}

.ps-design-actions[b-lbq09e7tes] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	margin-top: var(--lap-1);
}

.ps-design-action[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-2);
	min-height: 36px;
	padding: var(--lap-2) var(--lap-3);
	border: 1px solid var(--lap-gray-300);
	border-radius: var(--lap-r-md);
	background: var(--lap-white);
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	text-decoration: none;
}

.ps-design-action:hover[b-lbq09e7tes],
.ps-design-action:focus-visible[b-lbq09e7tes] {
	border-color: var(--lap-primary-400);
	background: var(--lap-primary-100);
	color: var(--lap-primary-700);
}

.ps-design-action strong[b-lbq09e7tes] {
	flex: 0 0 auto;
}

.ps-changed-state[b-lbq09e7tes] {
	flex-direction: column;
	gap: var(--lap-3);
	text-align: center;
}

.ps-code-change[b-lbq09e7tes] {
	display: flex;
	align-items: center;
	gap: var(--lap-3);
	font-size: var(--lap-text-size4);
}

.ps-code-change b[b-lbq09e7tes] {
	color: var(--lap-primary-600);
}

@media (max-width: 1399.98px) {
	.ps-grid[b-lbq09e7tes] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ps-rich-grid[b-lbq09e7tes] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
	.ps-grid[b-lbq09e7tes] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ps-rich-grid[b-lbq09e7tes] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ps-empty-links[b-lbq09e7tes] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
	.ps-page[b-lbq09e7tes] { gap: var(--lap-3); }
	.ps-toolbar[b-lbq09e7tes] { align-items: flex-start; }
	.ps-toolbar-actions[b-lbq09e7tes] { align-items: flex-end; flex-direction: column-reverse; }
	.ps-summary[b-lbq09e7tes] { padding-top: var(--lap-2); font-size: var(--lap-text-size2); }
	.ps-filter-pill[b-lbq09e7tes],
	.ps-edit-filter[b-lbq09e7tes] { min-height: 28px; padding: 0 var(--lap-3); font-size: var(--lap-text-size1); }
	.ps-filter-pill span[b-lbq09e7tes] { margin-left: var(--lap-0); font-size: var(--lap-text-size2); }
	.ps-grid[b-lbq09e7tes] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-4); }
	.ps-rich-grid[b-lbq09e7tes] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-4); }
	.ps-material-grid[b-lbq09e7tes] { grid-template-columns: 1fr; }
	.ps-image[b-lbq09e7tes] { margin: var(--lap-2); }
	.ps-rich-image[b-lbq09e7tes] { margin: var(--lap-2); }
	.ps-card-body[b-lbq09e7tes] { padding: 0 var(--lap-3) var(--lap-4); }
	.ps-material-summary div[b-lbq09e7tes] { grid-template-columns: 64px minmax(0, 1fr); }
	.ps-empty[b-lbq09e7tes] { padding: var(--lap-6) var(--lap-3); }
	.ps-empty-links[b-lbq09e7tes] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Goods/ZprinterPromotionPage.razor.rz.scp.css */
.zpf-host[b-qhxbdul4nq] {
  width: calc(100% + 3rem);
  margin: -1.5rem;
  overflow: hidden;
  background: #f0f0f0;
}

.zpf-frame[b-qhxbdul4nq] {
  display: block;
  width: 100%;
  height: 100vh;
  border: 0;
  overflow: hidden;
  background: #f0f0f0;
}

@media (max-width: 767.98px) {
  .zpf-host[b-qhxbdul4nq] {
    width: calc(100% + 2rem);
    margin: -1rem;
  }
}
/* /Components/Pages/Guide/CollaborationGuide.razor.rz.scp.css */
/* ✅ 교육용 문서 페이지 전용 스타일 (CSS Isolation)
   - 전역(lapstyle.css) 수정 금지
   - 값은 tokens(var(--lap-*))만 사용
*/

.cg-root[b-kze3cudxsh] {
	color: var(--lap-text-main);
}

.cg-header h1[b-kze3cudxsh] {
	margin: 0;
}

.cg-header p[b-kze3cudxsh] {
	margin: var(--lap-2) 0 0 0;
	color: var(--lap-text-muted);
}

.cg-actions[b-kze3cudxsh] {
	display: flex;
	gap: var(--lap-2);
}

.cg-link[b-kze3cudxsh] {
	text-decoration: none;
	color: var(--lap-color-primary);
	font-weight: 600;
}

	.cg-link:hover[b-kze3cudxsh] {
		text-decoration: underline;
	}

.cg-body[b-kze3cudxsh] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-6);
}

.cg-section[b-kze3cudxsh] {
	/* lap-section 기본을 전제로, 페이지에서만 약간 보강 */
}

.cg-block h3[b-kze3cudxsh] {
	margin: 0 0 var(--lap-3) 0;
	font-size: 16px;
}

.cg-block h4[b-kze3cudxsh] {
	margin: var(--lap-4) 0 var(--lap-2) 0;
	font-size: 14px;
}

.cg-list[b-kze3cudxsh] {
	margin: var(--lap-2) 0;
	padding-left: var(--lap-6);
	color: var(--lap-text-main);
}

.cg-toc[b-kze3cudxsh] {
	margin: 0;
	padding-left: var(--lap-6);
}

.cg-quote[b-kze3cudxsh] {
	margin: var(--lap-3) 0;
	padding: var(--lap-3) var(--lap-4);
	border-left: 4px solid var(--lap-gray-300);
	background: var(--lap-surface-1);
	border-radius: var(--lap-r-md);
	color: var(--lap-text-main);
}

.cg-hr[b-kze3cudxsh] {
	border: 0;
	border-top: 1px solid var(--lap-gray-200);
	margin: var(--lap-5) 0;
}

.cg-codewrap[b-kze3cudxsh] {
	margin-top: var(--lap-3);
	border-radius: var(--lap-r-lg);
	background: var(--lap-surface-1);
	box-shadow: var(--lap-shadow-1);
	overflow: hidden;
}

.cg-code-title[b-kze3cudxsh] {
	padding: var(--lap-2) var(--lap-4);
	border-bottom: 1px solid var(--lap-gray-200);
	color: var(--lap-text-muted);
	font-size: 12px;
	font-weight: 600;
}

.cg-code[b-kze3cudxsh] {
	margin: 0;
	padding: var(--lap-4);
	overflow: auto;
	font-size: 12px;
	line-height: 1.6;
	color: var(--lap-text-main);
	background: transparent;
}

.cg-footer[b-kze3cudxsh] {
	padding: var(--lap-4);
	border-radius: var(--lap-r-lg);
	background: var(--lap-surface-1);
	color: var(--lap-text-muted);
	box-shadow: var(--lap-shadow-1);
}

.cg-muted[b-kze3cudxsh] {
	color: var(--lap-text-tertiary);
}
/* /Components/Pages/Guide/LapAddressSearchGuide.razor.rz.scp.css */
.lasg-values[b-f65itu211z] {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: var(--lap-2) var(--lap-3);
	margin: 0;
}

.lasg-values dt[b-f65itu211z] {
	color: var(--lap-text-disabled);
	font-weight: 600;
}

.lasg-values dd[b-f65itu211z] {
	margin: 0;
	color: var(--lap-text-main);
	word-break: break-word;
}
/* /Components/Pages/Guide/LapCheckboxGuide.razor.rz.scp.css */
.lcg-wrap[b-7lczqczbdd] {
	color: var(--lap-text-main);
}

.lcg-sub[b-7lczqczbdd] {
	color: var(--lap-text-muted);
	margin-top: var(--lap-2);
}

.lcg-route[b-7lczqczbdd] {
	color: var(--lap-text-tertiary);
	margin-top: var(--lap-2);
}

.lcg-route code[b-7lczqczbdd] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--lap-text-size1);
	background: var(--lap-gray-100);
	border-radius: var(--lap-r-sm);
	padding: 2px 6px;
	color: var(--lap-text-main);
}

.lcg-card[b-7lczqczbdd] {
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-5);
}

.lcg-grid[b-7lczqczbdd] {
	display: grid;
	gap: var(--lap-4);
}

.lcg-grid-2[b-7lczqczbdd] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lcg-col[b-7lczqczbdd] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-4);
}

.lcg-col-title[b-7lczqczbdd] {
	color: var(--lap-text-main);
}

.lcg-item[b-7lczqczbdd] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.lcg-meta[b-7lczqczbdd] {
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.lcg-form[b-7lczqczbdd] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--lap-3);
}

.lcg-field[b-7lczqczbdd] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.lcg-label[b-7lczqczbdd] {
	color: var(--lap-text-tertiary);
}

.lcg-input[b-7lczqczbdd] {
	height: var(--lap-10);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-white);
	color: var(--lap-text-main);
	outline: none;
}

.lcg-input:focus[b-7lczqczbdd] {
	border-color: var(--lap-primary-300);
	box-shadow: 0 0 0 2px var(--lap-primary-50);
}

.lcg-checks[b-7lczqczbdd] {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lap-4);
}

.lcg-check[b-7lczqczbdd] {
	display: inline-flex;
	align-items: center;
	gap: var(--lap-2);
	color: var(--lap-text-secondary);
}

.lcg-preview[b-7lczqczbdd] {
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	padding: var(--lap-4);
	background: var(--lap-surface-0);
}

@media (max-width: 991.98px) {
	.lcg-grid-2[b-7lczqczbdd] {
		grid-template-columns: 1fr;
	}

	.lcg-form[b-7lczqczbdd] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Pages/Guide/LapDeliveryReturnPolicyGuide.razor.rz.scp.css */
.ldrpg-page[b-tuoepdtiyt]{display:flex;flex-direction:column;gap:var(--lap-6);color:var(--lap-text-main)}
.ldrpg-page>header[b-tuoepdtiyt]{display:flex;flex-direction:column;gap:var(--lap-2)}.ldrpg-page>header h1[b-tuoepdtiyt]{font-size:var(--lap-text-size5)}.ldrpg-page>header p[b-tuoepdtiyt],.ldrpg-page>header small[b-tuoepdtiyt]{color:var(--lap-text-tertiary)}
/* /Components/Pages/Guide/LapDeliveryToggleGuide.razor.rz.scp.css */
.ldtg-wrap[b-7byu3czwoq] {
    color: var(--lap-text-main);
}

.ldtg-sub[b-7byu3czwoq],
.ldtg-route[b-7byu3czwoq] {
    margin-top: var(--lap-2);
    color: var(--lap-text-tertiary);
}

.ldtg-route code[b-7byu3czwoq] {
    padding: 2px 6px;
    border-radius: var(--lap-r-sm);
    background: var(--lap-gray-100);
}

.ldtg-options[b-7byu3czwoq] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--lap-5);
}

.ldtg-option-field[b-7byu3czwoq] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
}

.ldtg-option-field select[b-7byu3czwoq] {
    min-width: 220px;
    height: var(--lap-10);
    padding: 0 var(--lap-3);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    color: var(--lap-text-main);
}

.ldtg-card[b-7byu3czwoq] {
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.ldtg-card + .ldtg-card[b-7byu3czwoq] {
    margin-top: var(--lap-3);
}

.ldtg-header[b-7byu3czwoq] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.5fr) auto auto var(--lap-5);
    align-items: center;
    width: 100%;
    min-height: var(--lap-14);
    gap: var(--lap-3);
    padding: var(--lap-4);
    border: 0;
    border-radius: var(--lap-r-lg);
    background: transparent;
    color: var(--lap-text-main);
    text-align: left;
    cursor: pointer;
}

.ldtg-header.is-open[b-7byu3czwoq] {
    border-radius: var(--lap-r-lg) var(--lap-r-lg) 0 0;
}

.ldtg-arrow[b-7byu3czwoq] {
    transition: transform var(--lap-motion-fast) ease;
}

.ldtg-arrow.is-open[b-7byu3czwoq] {
    transform: rotate(180deg);
}

.ldtg-body[b-7byu3czwoq] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    padding: var(--lap-5);
    border-top: 1px solid var(--lap-gray-200);
    color: var(--lap-text-secondary);
}

@media (max-width: 767.98px) {
    .ldtg-header[b-7byu3czwoq] {
        grid-template-columns: minmax(0, 1fr) auto var(--lap-5);
        grid-template-rows: repeat(2, auto);
    }

    .ldtg-header > :nth-child(2)[b-7byu3czwoq] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
/* /Components/Pages/Guide/LapFileUploadGuide.razor.rz.scp.css */
.lap-file-upload-guide-note[b-rxri67anq8] {
	color: var(--lap-text-tertiary);
}

.lfug-section[b-rxri67anq8] { margin-top: var(--lap-8); }
.lfug-section h4[b-rxri67anq8] { margin: 0 0 var(--lap-3); }
.lfug-demo[b-rxri67anq8] { padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-md); background: var(--lap-white); }
.lfug-result[b-rxri67anq8] { margin: var(--lap-3) 0 0; color: var(--lap-text-secondary); }
/* /Components/Pages/Guide/LapFooterGuide.razor.rz.scp.css */
.lfg-page[b-0f6qi4tmmu] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-6);
}

.lfg-header[b-0f6qi4tmmu] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-2);
}

.lfg-header h1[b-0f6qi4tmmu] {
	color: var(--lap-text-primary);
	font-size: var(--lap-text-size5);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-tight);
}

.lfg-header p[b-0f6qi4tmmu] {
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size2);
}

.lfg-preview[b-0f6qi4tmmu] {
	margin-right: calc(var(--lap-6) * -1);
	margin-left: calc(var(--lap-6) * -1);
}

@media (max-width: 767.98px) {
	.lfg-preview[b-0f6qi4tmmu] {
		margin-right: calc(var(--lap-4) * -1);
		margin-left: calc(var(--lap-4) * -1);
	}
}
/* /Components/Pages/Guide/LapGoTopButtonGuide.razor.rz.scp.css */
/* Components/Pages/Guide/LapGoTopButtonGuide.razor.css */

.lgtg-page[b-40wn44ax00] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-6);
}

.lgtg-header[b-40wn44ax00] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--lap-4);
}

.lgtg-section[b-40wn44ax00] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
  padding: var(--lap-6);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-white);
}

.lgtg-title[b-40wn44ax00] {
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-semibold);
}

.lgtg-states[b-40wn44ax00] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-8);
  align-items: center;
}

.lgtg-state[b-40wn44ax00] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-3);
  align-items: center;
}

.lgtg-label[b-40wn44ax00] {
  color: var(--lap-text-secondary);
}

.lgtg-demo-wrap[b-40wn44ax00] {
  position: relative;
  overflow: hidden;
  min-height: calc(var(--lap-1) * 90);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-surface-0);
}

.lgtg-scroll[b-40wn44ax00] {
  height: calc(var(--lap-1) * 90);
  overflow-y: auto;
  padding: var(--lap-4);
}

.lgtg-row[b-40wn44ax00] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--lap-12);
  padding: 0 var(--lap-4);
  border-bottom: 1px solid var(--lap-gray-200);
  background: var(--lap-white);
}

[b-40wn44ax00] .lgtg-demo-button {
  position: absolute;
  right: var(--lap-4);
  bottom: var(--lap-4);
}

@media (max-width: 767.98px) {
  .lgtg-header[b-40wn44ax00] {
    align-items: flex-start;
    flex-direction: column;
  }

  .lgtg-states[b-40wn44ax00] {
    gap: var(--lap-5);
  }
}
/* /Components/Pages/Guide/LapHeroCarouselGuide.razor.rz.scp.css */
.lhcg-page[b-0p662ml2h3] {
  display: grid;
  gap: var(--lap-5);
}

.lhcg-header[b-0p662ml2h3],
.lhcg-section[b-0p662ml2h3] {
  display: grid;
  gap: var(--lap-3);
}

.lhcg-section[b-0p662ml2h3] {
  padding: var(--lap-5);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-surface-0);
}

.lhcg-steps[b-0p662ml2h3] {
  display: grid;
  gap: var(--lap-2);
  margin: 0;
  padding-left: var(--lap-5);
}

.lhcg-code[b-0p662ml2h3] {
  margin: 0;
  padding: var(--lap-4);
  overflow-x: auto;
  border-radius: var(--lap-r-md);
  background: var(--lap-gray-100);
  color: var(--lap-text-main);
}
/* /Components/Pages/Guide/LapImageGalleryGuide.razor.rz.scp.css */
.ligg-page[b-7vtiuz2pjq],.ligg-header[b-7vtiuz2pjq],.ligg-section[b-7vtiuz2pjq]{display:grid;gap:var(--lap-4)}
.ligg-section[b-7vtiuz2pjq]{padding:var(--lap-5);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-lg);background:var(--lap-surface-0)}
.ligg-demo[b-7vtiuz2pjq]{width:100%}.ligg-demo.is-side[b-7vtiuz2pjq]{max-width:640px}.ligg-demo.is-bottom[b-7vtiuz2pjq]{max-width:560px}
@media(max-width:767.98px){.ligg-section[b-7vtiuz2pjq]{padding:var(--lap-4)}}
/* /Components/Pages/Guide/LapListAccordionGuide.razor.rz.scp.css */
.llag-wrap[b-3x3t5rys37] {
    color: var(--lap-text-main);
}

.llag-sub[b-3x3t5rys37],
.llag-route[b-3x3t5rys37] {
    margin-top: var(--lap-2);
    color: var(--lap-text-tertiary);
}

.llag-route code[b-3x3t5rys37] {
    padding: 2px 6px;
    border-radius: var(--lap-r-sm);
    background: var(--lap-gray-100);
}

.llag-card[b-3x3t5rys37] {
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.llag-options[b-3x3t5rys37] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--lap-5);
}

.llag-option-field[b-3x3t5rys37] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
}

.llag-option-field select[b-3x3t5rys37] {
    min-width: 220px;
    height: var(--lap-10);
    padding: 0 var(--lap-3);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    color: var(--lap-text-main);
}

.llag-list-head[b-3x3t5rys37],
.llag-row[b-3x3t5rys37] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 100px;
    align-items: center;
    min-height: var(--lap-12);
    padding: 0 var(--lap-4);
}

.llag-list-head[b-3x3t5rys37] {
    background: var(--lap-gray-200);
    font-weight: var(--lap-fw-semibold);
}

.llag-item[b-3x3t5rys37] {
    border-bottom: 1px solid var(--lap-gray-200);
}

.llag-item:last-child[b-3x3t5rys37] {
    border-bottom: 0;
}

.llag-row[b-3x3t5rys37] {
    cursor: pointer;
    transition: background-color var(--lap-motion-fast) ease;
}

.llag-row:hover[b-3x3t5rys37] {
    background: var(--lap-gray-50);
}

.llag-detail[b-3x3t5rys37] {
    padding: var(--lap-6);
    border-top: 1px solid var(--lap-gray-200);
    background: var(--lap-primary-50);
    color: var(--lap-text-secondary);
}

@media (max-width: 575.98px) {
    .llag-list-head[b-3x3t5rys37],
    .llag-row[b-3x3t5rys37] {
        grid-template-columns: 44px minmax(0, 1fr) 80px;
        padding: 0 var(--lap-2);
    }
}
/* /Components/Pages/Guide/LapMaterialSelectorGuide.razor.rz.scp.css */
.lmsg-root[b-9ss14hhk1k] { display: flex; flex-direction: column; gap: var(--lap-6); max-width: calc(var(--lap-1) * 180); margin-inline: auto; padding: var(--lap-6); }
.lmsg-root header[b-9ss14hhk1k] { display: flex; flex-direction: column; gap: var(--lap-2); }
.lmsg-root header p[b-9ss14hhk1k], .lmsg-demo > p[b-9ss14hhk1k] { color: var(--lap-text-tertiary); }
.lmsg-root section[b-9ss14hhk1k] { display: flex; flex-direction: column; gap: var(--lap-4); }
.lmsg-section-head[b-9ss14hhk1k] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-3); }
.lmsg-section-head h2[b-9ss14hhk1k] { font-size: var(--lap-text-size4); }
.lmsg-demo[b-9ss14hhk1k] { display: flex; flex-direction: column; gap: var(--lap-3); padding: var(--lap-6); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.lmsg-demo > p[b-9ss14hhk1k] { min-height: var(--lap-6); font-size: var(--lap-text-size2); }
@media (max-width: 575.98px) { .lmsg-root[b-9ss14hhk1k] { padding: var(--lap-4); } .lmsg-section-head[b-9ss14hhk1k] { align-items: flex-start; flex-direction: column; } .lmsg-demo[b-9ss14hhk1k] { padding: var(--lap-4); } }
/* /Components/Pages/Guide/LapNewBadgeGuide.razor.rz.scp.css */
/* Pages/Guide/LapNewBadgeGuide.razor.css */

.lng-wrap[b-6cjn6504gx] {
	color: var(--lap-text-main);
}

.lng-sub[b-6cjn6504gx],
.lng-route[b-6cjn6504gx],
.lng-muted[b-6cjn6504gx] {
	color: var(--lap-text-tertiary);
}

.lng-sub[b-6cjn6504gx] {
	margin-top: var(--lap-2);
}

.lng-sec-title[b-6cjn6504gx] {
	color: var(--lap-text-main);
}

.lng-card[b-6cjn6504gx] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-6);
}

.lng-row[b-6cjn6504gx] {
	display: flex;
	align-items: center;
	gap: var(--lap-2);
	min-height: var(--lap-8);
}

.lng-list-row[b-6cjn6504gx] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto calc(var(--lap-1) * 24);
	align-items: center;
	column-gap: var(--lap-2);
	min-height: var(--lap-9);
	border-bottom: 1px solid var(--lap-gray-100);
}

.lng-list-row:last-child[b-6cjn6504gx] {
	border-bottom: 0;
}

.lng-title[b-6cjn6504gx] {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lng-date[b-6cjn6504gx] {
	color: var(--lap-text-tertiary);
	text-align: right;
	white-space: nowrap;
}

@media (max-width: 767.98px) {
	.lng-list-row[b-6cjn6504gx] {
		grid-template-columns: minmax(0, 1fr) auto;
		row-gap: var(--lap-1);
		padding: var(--lap-2) 0;
	}

	.lng-date[b-6cjn6504gx] {
		grid-column: 1 / -1;
		text-align: left;
	}
}
/* /Components/Pages/Guide/LapPaginationGuide.razor.rz.scp.css */
/* Pages/Guide/LapPaginationGuide.razor.css */

.gpg-wrap[b-r05t977xhx] {
	color: var(--lap-text-main);
}

.gpg-sub[b-r05t977xhx] {
	color: var(--lap-text-muted);
	margin-top: var(--lap-2);
}

.gpg-grid[b-r05t977xhx] {
	row-gap: var(--lap-6);
}

.gpg-sec-title[b-r05t977xhx] {
	color: var(--lap-text-main);
}

.gpg-card[b-r05t977xhx] {
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-6);
}

.gpg-row + .gpg-row[b-r05t977xhx] {
	margin-top: var(--lap-6);
}

.gpg-label[b-r05t977xhx] {
	color: var(--lap-text-tertiary);
	margin-bottom: var(--lap-3);
}

/* 메타 pills */
.gpg-meta[b-r05t977xhx] {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lap-2);
	color: var(--lap-text-tertiary);
}

.gpg-pill[b-r05t977xhx] {
	display: inline-flex;
	align-items: center;
	height: var(--lap-6);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-max);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-gray-50);
	color: var(--lap-text-secondary);
}

/* 컨트롤 폼 */
.gpg-form[b-r05t977xhx] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-4);
}

.gpg-field[b-r05t977xhx] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.gpg-lbl[b-r05t977xhx] {
	color: var(--lap-text-tertiary);
}

.gpg-in[b-r05t977xhx] {
	height: var(--lap-10);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-white);
	color: var(--lap-text-main);
	outline: none;
}

	.gpg-in:focus[b-r05t977xhx] {
		border-color: var(--lap-primary-300);
		box-shadow: 0 0 0 2px var(--lap-primary-50);
	}

.gpg-help[b-r05t977xhx] {
	color: var(--lap-text-tertiary);
}

/* 체크박스 */
.gpg-checks[b-r05t977xhx] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.gpg-chk[b-r05t977xhx] {
	display: inline-flex;
	align-items: center;
	gap: var(--lap-2);
	color: var(--lap-text-secondary);
}

/* 버튼 */
.gpg-actions[b-r05t977xhx] {
	display: flex;
	gap: var(--lap-2);
	flex-wrap: wrap;
}

.gpg-btn[b-r05t977xhx] {
	height: var(--lap-10);
	padding: 0 var(--lap-4);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-gray-50);
	color: var(--lap-text-main);
	cursor: pointer;
}

	.gpg-btn:hover[b-r05t977xhx] {
		background: var(--lap-gray-100);
	}

/* 가짜 리스트 */
.gpg-fake-list[b-r05t977xhx] {
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	padding: var(--lap-4);
	background: var(--lap-surface-0);
}

.gpg-list-title[b-r05t977xhx] {
	color: var(--lap-text-main);
	margin-bottom: var(--lap-2);
}

.gpg-list-body[b-r05t977xhx] {
	color: var(--lap-text-secondary);
}

.gpg-item[b-r05t977xhx] {
	padding: var(--lap-2) 0;
	border-top: 1px solid var(--lap-gray-200);
}

	.gpg-item:first-child[b-r05t977xhx] {
		border-top: 0;
		padding-top: 0;
	}

.gpg-dim[b-r05t977xhx] {
	color: var(--lap-text-tertiary);
	padding: var(--lap-4) 0;
}

/* 노트 */
.gpg-note[b-r05t977xhx] {
	color: var(--lap-text-tertiary);
	border-top: 1px solid var(--lap-gray-200);
	padding-top: var(--lap-4);
}

	.gpg-note code[b-r05t977xhx] {
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		font-size: 12px;
		color: var(--lap-text-main);
		background: var(--lap-gray-100);
		border-radius: var(--lap-r-sm);
		padding: 2px 6px;
	}
/* /Components/Pages/Guide/LapQuantitySelectorGuide.razor.rz.scp.css */
.lqsg-root[b-2yq7h0m76y] { display: flex; flex-direction: column; gap: var(--lap-8); max-width: calc(var(--lap-1) * 180); padding: var(--lap-8); }
.lqsg-root header[b-2yq7h0m76y], .lqsg-root section[b-2yq7h0m76y], .lqsg-demo[b-2yq7h0m76y] { display: flex; flex-direction: column; gap: var(--lap-4); }
.lqsg-root header p[b-2yq7h0m76y], .lqsg-demo > p[b-2yq7h0m76y] { color: var(--lap-text-tertiary); }
.lqsg-supporting[b-2yq7h0m76y] { margin-top: var(--lap-2); color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.lqsg-custom[b-2yq7h0m76y] { min-height: calc(var(--lap-1) * 18); padding: var(--lap-5) var(--lap-4); border: 1px solid transparent; background: var(--lap-gray-50); color: var(--lap-text-secondary); }
@media (max-width: 575.98px) { .lqsg-root[b-2yq7h0m76y] { padding: var(--lap-4); } }
/* /Components/Pages/Guide/LapQuantityStepperGuide.razor.rz.scp.css */
.lqsg-root[b-vsmt4f9ycy] { display: flex; flex-direction: column; gap: var(--lap-6); }
.lqsg-section[b-vsmt4f9ycy] { display: flex; flex-direction: column; gap: var(--lap-5); padding: var(--lap-6); }
.lqsg-section h2[b-vsmt4f9ycy] { font-size: var(--lap-text-size4); }
.lqsg-grid[b-vsmt4f9ycy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-5); }
.lqsg-grid article[b-vsmt4f9ycy] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--lap-3); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-md); }
.lqsg-grid small[b-vsmt4f9ycy] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size1); }
@media (max-width: 767.98px) { .lqsg-grid[b-vsmt4f9ycy] { grid-template-columns: 1fr; } }
/* /Components/Pages/Guide/LapRadioGuide.razor.rz.scp.css */
.lrg-wrap[b-nc9n3onlbk] {
	color: var(--lap-text-main);
}

.lrg-sub[b-nc9n3onlbk] {
	color: var(--lap-text-muted);
	margin-top: var(--lap-2);
}

.lrg-route[b-nc9n3onlbk] {
	color: var(--lap-text-tertiary);
	margin-top: var(--lap-2);
}

.lrg-route code[b-nc9n3onlbk] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--lap-text-size1);
	background: var(--lap-gray-100);
	border-radius: var(--lap-r-sm);
	padding: 2px 6px;
	color: var(--lap-text-main);
}

.lrg-card[b-nc9n3onlbk] {
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-5);
}

.lrg-grid[b-nc9n3onlbk] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc(var(--lap-8) + var(--lap-1));
}

.lrg-col[b-nc9n3onlbk] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-6);
}

.lrg-col-title[b-nc9n3onlbk] {
	color: var(--lap-text-secondary);
}

.lrg-states[b-nc9n3onlbk] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--lap-3);
}

.lrg-state[b-nc9n3onlbk] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--lap-2);
}

.lrg-state-label[b-nc9n3onlbk] {
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	color: var(--lap-text-secondary);
	white-space: nowrap;
}

.lrg-state-label-s16[b-nc9n3onlbk] {
	font-size: var(--lap-text-size1);
}

.lrg-sample[b-nc9n3onlbk] {
	padding-top: var(--lap-1);
}

.lrg-interaction-grid[b-nc9n3onlbk] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lap-4);
}

.lrg-item[b-nc9n3onlbk] {
	display: flex;
	align-items: center;
	min-height: calc(var(--lap-10) + var(--lap-1));
}

.lrg-form[b-nc9n3onlbk] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lap-3);
}

.lrg-field[b-nc9n3onlbk] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.lrg-label[b-nc9n3onlbk] {
	color: var(--lap-text-tertiary);
}

.lrg-input[b-nc9n3onlbk] {
	height: var(--lap-10);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-white);
	color: var(--lap-text-main);
	outline: none;
}

.lrg-input:focus[b-nc9n3onlbk] {
	border-color: var(--lap-primary-300);
	box-shadow: 0 0 0 2px var(--lap-primary-50);
}

.lrg-checks[b-nc9n3onlbk] {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lap-4);
}

.lrg-check[b-nc9n3onlbk] {
	display: inline-flex;
	align-items: center;
	gap: var(--lap-2);
	color: var(--lap-text-secondary);
}

.lrg-preview[b-nc9n3onlbk] {
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	padding: var(--lap-4);
	background: var(--lap-surface-0);
}

.lrg-meta[b-nc9n3onlbk] {
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.lrg-group-grid[b-nc9n3onlbk] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--lap-5);
}

.lrg-group-live[b-nc9n3onlbk] {
	min-width: 0;
}

.lrg-group-title[b-nc9n3onlbk] {
	color: var(--lap-text-main);
}

.lrg-group-desc[b-nc9n3onlbk] {
	margin-top: var(--lap-2);
	color: var(--lap-text-tertiary);
}

.lrg-group-desc code[b-nc9n3onlbk] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--lap-text-size1);
}

.lrg-group-options[b-nc9n3onlbk] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
}

.lrg-code-wrap[b-nc9n3onlbk] {
	min-width: 0;
}

.lrg-code-title[b-nc9n3onlbk] {
	margin-bottom: var(--lap-2);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-semibold);
	color: var(--lap-text-main);
}

.lrg-code[b-nc9n3onlbk] {
	margin: 0;
	padding: var(--lap-4);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-surface-0);
	color: var(--lap-text-main);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
	white-space: pre;
	overflow: auto;
}

@media (max-width: 1199.98px) {
	.lrg-grid[b-nc9n3onlbk] {
		grid-template-columns: 1fr;
	}

	.lrg-group-grid[b-nc9n3onlbk] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991.98px) {
	.lrg-states[b-nc9n3onlbk] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lrg-interaction-grid[b-nc9n3onlbk],
	.lrg-form[b-nc9n3onlbk] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Pages/Guide/LapSectionNavGuide.razor.rz.scp.css */
.lsng-root[b-ntu8nj1n4h] { min-height: 150rem; }
.lsng-root > header[b-ntu8nj1n4h] { padding: var(--lap-8); }
.lsng-root > header h1[b-ntu8nj1n4h] { margin: 0 0 var(--lap-3); }
.lsng-root > header p[b-ntu8nj1n4h] { margin: 0; color: var(--lap-text-secondary); }
.lsng-root > section[b-ntu8nj1n4h] { min-height: 42rem; padding: var(--lap-8); border-bottom: 1px solid var(--lap-gray-200); }
.lsng-root > section h2[b-ntu8nj1n4h] { color: var(--lap-color-primary); }
/* /Components/Pages/Guide/LapStatusChipGuide.razor.rz.scp.css */
/* Pages/Guide/LapStatusChipGuide.razor.css */

.lscg-wrap[b-9t8toidmcp] {
	color: var(--lap-text-main);
}

.lscg-sub[b-9t8toidmcp],
.lscg-route[b-9t8toidmcp] {
	color: var(--lap-text-tertiary);
}

.lscg-sub[b-9t8toidmcp] {
	margin-top: var(--lap-2);
}

.lscg-sec-title[b-9t8toidmcp] {
	color: var(--lap-text-main);
}

.lscg-card[b-9t8toidmcp],
.lscg-grid[b-9t8toidmcp] {
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-6);
}

.lscg-card[b-9t8toidmcp] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
}

.lscg-grid[b-9t8toidmcp] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--lap-1) * 30), max-content));
	align-items: center;
	gap: var(--lap-3);
}

.lscg-row[b-9t8toidmcp] {
	display: grid;
	grid-template-columns: calc(var(--lap-1) * 34) auto minmax(0, 1fr);
	align-items: center;
	column-gap: var(--lap-3);
	min-height: var(--lap-9);
}

.lscg-example[b-9t8toidmcp] {
	display: grid;
	grid-template-columns: calc(var(--lap-1) * 32) minmax(0, 1fr);
	align-items: center;
	column-gap: var(--lap-4);
}

.lscg-example-preview[b-9t8toidmcp] {
	display: flex;
	align-items: center;
}

.lscg-code[b-9t8toidmcp] {
	overflow-x: auto;
	margin: 0;
	padding: var(--lap-3);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	background: var(--lap-gray-50);
	color: var(--lap-text-main);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.lscg-inline-code[b-9t8toidmcp] {
	min-width: 0;
	overflow-x: auto;
	padding: var(--lap-1) var(--lap-2);
	border-radius: var(--lap-r-md);
	background: var(--lap-gray-50);
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	white-space: nowrap;
}

@media (max-width: 767.98px) {
	.lscg-row[b-9t8toidmcp],
	.lscg-example[b-9t8toidmcp] {
		grid-template-columns: 1fr;
		row-gap: var(--lap-2);
	}
}
/* /Components/Pages/Guide/LapStepIndicatorGuide.razor.rz.scp.css */
.lsig-root[b-cv5dh1ods9] { display:flex; flex-direction:column; gap:var(--lap-6); }
.lsig-root > header[b-cv5dh1ods9] { padding:var(--lap-6); }
.lsig-root > header h1[b-cv5dh1ods9] { margin:0 0 var(--lap-2); font-size:var(--lap-text-size5); }
.lsig-root > header p[b-cv5dh1ods9],.lsig-section > header p[b-cv5dh1ods9] { margin:0; color:var(--lap-text-secondary); }
.lsig-root > main[b-cv5dh1ods9] { display:flex; flex-direction:column; gap:var(--lap-8); }
.lsig-section[b-cv5dh1ods9] { display:flex; flex-direction:column; gap:var(--lap-5); padding:var(--lap-6) 0; border-top:1px solid var(--lap-gray-200); }
.lsig-section > header h2[b-cv5dh1ods9] { margin:0 0 var(--lap-2); font-size:var(--lap-text-size4); }

@media (max-width:767.98px) {
    .lsig-root > header[b-cv5dh1ods9] { padding:var(--lap-5) 0; }
    .lsig-section[b-cv5dh1ods9] { gap:var(--lap-4); padding:var(--lap-5) 0; }
}
/* /Components/Pages/Guide/LapToggleCategoryBarGuide.razor.rz.scp.css */
.ltcbg-wrap[b-mh8310utoi] {
    min-width: 0;
}

.ltcbg-head[b-mh8310utoi] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.ltcbg-sub[b-mh8310utoi],
.ltcbg-route[b-mh8310utoi] {
    color: var(--lap-text-tertiary);
}

.ltcbg-grid[b-mh8310utoi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-5);
}

.ltcbg-card[b-mh8310utoi] {
    min-width: 0;
}

@media (max-width: 992px) {
    .ltcbg-grid[b-mh8310utoi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Guide/LapToggleGuide.razor.rz.scp.css */
.ltg-wrap[b-v0d1ahbra1] {
	color: var(--lap-text-main);
}

.ltg-sub[b-v0d1ahbra1] {
	color: var(--lap-text-muted);
	margin-top: var(--lap-2);
}

.ltg-route[b-v0d1ahbra1] {
	color: var(--lap-text-tertiary);
	margin-top: var(--lap-2);
}

.ltg-route code[b-v0d1ahbra1],
.ltg-meta code[b-v0d1ahbra1] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--lap-text-size1);
	background: var(--lap-gray-100);
	border-radius: var(--lap-r-sm);
	padding: 2px 6px;
	color: var(--lap-text-main);
}

.ltg-card[b-v0d1ahbra1] {
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-5);
}

.ltg-states[b-v0d1ahbra1] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--lap-5);
	align-items: start;
}

.ltg-state[b-v0d1ahbra1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--lap-2);
	min-width: 0;
}

.ltg-state-label[b-v0d1ahbra1] {
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
	text-align: center;
}

.ltg-grid[b-v0d1ahbra1] {
	display: grid;
	gap: var(--lap-4);
}

.ltg-grid-3[b-v0d1ahbra1] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ltg-item[b-v0d1ahbra1],
.ltg-live[b-v0d1ahbra1] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.ltg-meta[b-v0d1ahbra1] {
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.ltg-form[b-v0d1ahbra1] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lap-3);
	max-width: 320px;
}

.ltg-field[b-v0d1ahbra1] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.ltg-label[b-v0d1ahbra1] {
	color: var(--lap-text-tertiary);
}

.ltg-input[b-v0d1ahbra1] {
	height: var(--lap-10);
	padding: 0 var(--lap-3);
	border-radius: var(--lap-r-md);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-white);
	color: var(--lap-text-main);
	outline: none;
}

.ltg-input:focus[b-v0d1ahbra1] {
	border-color: var(--lap-primary-300);
	box-shadow: 0 0 0 2px var(--lap-primary-50);
}

.ltg-checks[b-v0d1ahbra1] {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lap-4);
}

.ltg-check[b-v0d1ahbra1] {
	display: inline-flex;
	align-items: center;
	gap: var(--lap-2);
	color: var(--lap-text-secondary);
}

.ltg-preview[b-v0d1ahbra1] {
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	padding: var(--lap-4);
	background: var(--lap-surface-0);
}

@media (max-width: 991.98px) {
	.ltg-states[b-v0d1ahbra1],
	.ltg-grid-3[b-v0d1ahbra1] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.ltg-states[b-v0d1ahbra1],
	.ltg-grid-3[b-v0d1ahbra1] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Pages/Guide/LapTooltipGuide.razor.rz.scp.css */
.ltg-wrap[b-a41fb0ec71] {
	color: var(--lap-text-main);
}

.ltg-sub[b-a41fb0ec71],
.ltg-route[b-a41fb0ec71],
.ltg-note[b-a41fb0ec71] {
	color: var(--lap-text-tertiary);
}

.ltg-sub[b-a41fb0ec71] {
	margin-top: var(--lap-2);
	margin-bottom: 0;
}

.ltg-card[b-a41fb0ec71] {
	display: grid;
	grid-template-columns: minmax(calc(var(--lap-1) * 40), 0.4fr) minmax(0, 1fr);
	align-items: center;
	column-gap: var(--lap-5);
	padding: var(--lap-6);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-white);
}

.ltg-preview[b-a41fb0ec71] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(var(--lap-1) * 25);
}

.ltg-link[b-a41fb0ec71] {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--lap-color-primary);
	font: inherit;
	cursor: pointer;
}

.ltg-link:hover[b-a41fb0ec71],
.ltg-link:focus-visible[b-a41fb0ec71] {
	text-decoration: underline;
}

.ltg-copy[b-a41fb0ec71] {
	display: block;
	padding: var(--lap-1);
}

.ltg-image-wrap[b-a41fb0ec71] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
	border-radius: var(--lap-r-lg);
	background: var(--lap-white);
}

.ltg-image[b-a41fb0ec71] {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ltg-code[b-a41fb0ec71] {
	overflow-x: auto;
	margin: 0;
	padding: var(--lap-3);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-lg);
	background: var(--lap-gray-50);
	color: var(--lap-text-main);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.ltg-note[b-a41fb0ec71] {
	margin: 0;
}

.ltg-rules[b-a41fb0ec71] {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--lap-2);
}

.ltg-rules p[b-a41fb0ec71] {
	margin: 0;
}

@media (max-width: 767.98px) {
	.ltg-card[b-a41fb0ec71] {
		grid-template-columns: 1fr;
		row-gap: var(--lap-4);
	}
}
/* /Components/Pages/Guide/ModalGuide2.razor.rz.scp.css */
.mg2-root[b-7sdupe425n] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-6);
}

.mg2-head[b-7sdupe425n] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
}

.mg2-title[b-7sdupe425n] {
	font-size: var(--lap-text-size4);
	font-weight: var(--lap-fw-bold);
	color: var(--lap-text-main);
}

.mg2-desc[b-7sdupe425n] {
	color: var(--lap-text-muted);
	line-height: var(--lap-lh-normal);
}

.mg2-grid[b-7sdupe425n] {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--lap-6);
	align-items: start;
}

.mg2-section-title[b-7sdupe425n] {
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-bold);
	margin-bottom: var(--lap-3);
	color: var(--lap-text-main);
}

.mg2-form[b-7sdupe425n] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
}

.mg2-row[b-7sdupe425n] {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: var(--lap-3);
	align-items: center;
}

.mg2-row-inline[b-7sdupe425n] {
	display: flex;
	gap: var(--lap-4);
	align-items: center;
}

.mg2-label[b-7sdupe425n] {
	color: var(--lap-text-main);
	font-weight: var(--lap-fw-medium);
}

.mg2-input[b-7sdupe425n],
.mg2-select[b-7sdupe425n] {
	width: 100%;
	height: calc(var(--lap-1) * 12);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-md);
	padding: 0 var(--lap-3);
	background: var(--lap-white);
	color: var(--lap-text-main);
}

.mg2-actions[b-7sdupe425n] {
	display: flex;
	gap: var(--lap-2);
	margin-top: var(--lap-2);
}

.mg2-hint[b-7sdupe425n] {
	margin-top: var(--lap-4);
	padding-top: var(--lap-4);
	border-top: 1px solid var(--lap-gray-200);
	color: var(--lap-text-muted);
}

.mg2-hint-list[b-7sdupe425n] {
	margin-top: var(--lap-2);
	display: flex;
	flex-direction: column;
	gap: var(--lap-1);
	color: var(--lap-text-tertiary);
}

.mg2-preview-box[b-7sdupe425n] {
	position: relative;
	min-height: calc(var(--lap-1) * 80);
}

.mg2-empty[b-7sdupe425n] {
	border: 1px dashed var(--lap-gray-300);
	border-radius: var(--lap-r-xl);
	padding: var(--lap-6);
	color: var(--lap-text-muted);
	background: var(--lap-surface-0);
}

.mg2-preview-note[b-7sdupe425n] {
	color: var(--lap-text-muted);
	margin-bottom: var(--lap-3);
}

.mg2-ul[b-7sdupe425n] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	color: var(--lap-text-main);
}

.mg2-mt[b-7sdupe425n] {
	margin-top: var(--lap-6);
}

.mg2-header-extra[b-7sdupe425n] {
	color: var(--lap-text-muted);
}

@media (max-width: 767.98px) {
	.mg2-grid[b-7sdupe425n] {
		grid-template-columns: 1fr;
	}

	.mg2-row[b-7sdupe425n] {
		grid-template-columns: 1fr;
	}

	.mg2-label[b-7sdupe425n] {
		margin-bottom: var(--lap-1);
	}
}
/* /Components/Pages/HelpPage/GoodsRead.razor.rz.scp.css */
/* =============================== 
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.gr-cols[b-wrfrrr9sp2] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.gr-q[b-wrfrrr9sp2] {
    color: var(--lap-text-tertiary);
}

.gr-arrow[b-wrfrrr9sp2] {
    display: flex;
    justify-content: flex-end;
}


/* ===============================
   FAQ Detail
   =============================== */

.gr-detail-card[b-wrfrrr9sp2] {
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.gr-detail-action[b-wrfrrr9sp2] {
    display: flex;
    justify-content: center;
}


/* ===============================
   Mobile
   =============================== */
@media (max-width: 992px) {

    .lap-search-box[b-wrfrrr9sp2] {
        width: 100%;
    }

    .lap-search-main[b-wrfrrr9sp2] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/HelpPage/HelpGoods.razor.rz.scp.css */
/* =============================== 
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.hg-cols[b-0ghbs157vl] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.hg-table-head[b-0ghbs157vl] {
    text-align: left;
}

.hg-arrow[b-0ghbs157vl] {
    display: flex;
    justify-content: flex-end;
}


@media (max-width: 992px) {

    .lap-search-box[b-0ghbs157vl] {
        width: 100%;
    }

    .lap-search-main[b-0ghbs157vl] {
        max-width: none;
        width: 100%;
    }

}
/* /Components/Pages/HelpPage/HelpOrder.razor.rz.scp.css */
/* ===============================  
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.ho-cols[b-59odnqkuf6] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.ho-q[b-59odnqkuf6] {
    color: var(--lap-text-tertiary);
}

.ho-arrow[b-59odnqkuf6] {
    display: flex;
    justify-content: flex-end;
}

/* ===============================
   FAQ Detail
   =============================== */

.ho-detail-card[b-59odnqkuf6] {
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.ho-detail-action[b-59odnqkuf6] {
    display: flex;
    justify-content: center;
}

/* ===============================
   Mobile
   =============================== */
@media (max-width: 992px) {

    .lap-search-box[b-59odnqkuf6] {
        width: 100%;
    }

    .lap-search-main[b-59odnqkuf6] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/HelpPage/HelpPage.razor.rz.scp.css */
/* =============================== 
   Layout
   =============================== */

/* ===============================
   FAQ Table
   =============================== */

.hp-cols[b-00lrqm9vf7] {
    display: grid;
    grid-template-columns: minmax(20px, 30px) /* Q */
    minmax(0, 1fr) /* 제목 */
    minmax(24px, 24px); /* 화살표 */
    align-items: center;
}

.hp-table-head[b-00lrqm9vf7] {
    text-align: left;
}

.hp-arrow[b-00lrqm9vf7] {
    display: flex;
    justify-content: flex-end;
}


@media (max-width: 992px) {

    .lap-search-box[b-00lrqm9vf7] {
        width: 100%;
    }

    .lap-search-main[b-00lrqm9vf7] {
        max-width: none;
        width: 100%;
    }

}
/* /Components/Pages/MyCustomOrderList/CustomOrderDetail.razor.rz.scp.css */
.cod-root[b-3yxfrm4gh6] {
    width: 100%;
    min-width: 0;
}

.cod-header[b-3yxfrm4gh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-4);
}

.cod-summary[b-3yxfrm4gh6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lap-3);
    margin-bottom: var(--lap-6);
    padding: var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.cod-summary > div[b-3yxfrm4gh6] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    min-width: 0;
}

.cod-summary span:first-child[b-3yxfrm4gh6] {
    color: var(--lap-text-tertiary);
}

.cod-summary strong[b-3yxfrm4gh6] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.cod-detail[b-3yxfrm4gh6] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--lap-6);
    padding: var(--lap-6);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.cod-detail-left[b-3yxfrm4gh6],
.cod-detail-right[b-3yxfrm4gh6] {
    min-width: 0;
}

.cod-form-grid[b-3yxfrm4gh6] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
    margin-top: var(--lap-5);
}

.cod-form-row[b-3yxfrm4gh6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-5);
}

.cod-form-item[b-3yxfrm4gh6] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: var(--lap-2);
}

.cod-form-label[b-3yxfrm4gh6] {
    color: var(--lap-text-secondary);
    font-weight: var(--lap-fw-semibold);
    white-space: nowrap;
}

.cod-form-value[b-3yxfrm4gh6],
.cod-request-box[b-3yxfrm4gh6] {
    min-height: var(--lap-9);
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 var(--lap-3);
    border-radius: var(--lap-r-md);
    background: var(--lap-gray-100);
    color: var(--lap-text-secondary);
}

.cod-file-area[b-3yxfrm4gh6],
.cod-request-wrap[b-3yxfrm4gh6] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    min-width: 0;
}

.cod-file-chip[b-3yxfrm4gh6] {
    width: 100%;
    max-width: 420px;
    min-height: var(--lap-12);
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    min-width: 0;
    padding: 0 var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    color: var(--lap-text-secondary);
}

.cod-file-icon[b-3yxfrm4gh6] {
    flex: 0 0 auto;
    color: var(--lap-primary-500);
}

.cod-file-type[b-3yxfrm4gh6] {
    flex: 0 0 auto;
    font-weight: var(--lap-fw-semibold);
}

.cod-file-name[b-3yxfrm4gh6] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-primary-600);
    font-weight: var(--lap-fw-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cod-request-box[b-3yxfrm4gh6] {
    min-height: calc(var(--lap-1) * 20);
    align-items: flex-start;
    padding: var(--lap-3);
    white-space: pre-wrap;
}

.cod-preview-panel[b-3yxfrm4gh6] {
    min-width: 0;
    margin: 0;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    overflow: hidden;
    background: var(--lap-white);
    box-shadow: var(--lap-shadow-1);
}

.cod-preview-media[b-3yxfrm4gh6] {
    height: calc(var(--lap-1) * 88);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--lap-gray-50);
}

.cod-product-image[b-3yxfrm4gh6] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cod-canvas[b-3yxfrm4gh6] {
    width: 100%;
    height: 100%;
    display: block;
}

.cod-preview-note[b-3yxfrm4gh6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--lap-2);
    margin: var(--lap-2) 0 0;
    color: var(--lap-text-tertiary);
    text-align: center;
}

.cod-preview-note span[b-3yxfrm4gh6] {
    width: var(--lap-5);
    height: var(--lap-5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--lap-r-max);
    background: var(--lap-primary-100);
    color: var(--lap-primary-600);
    font-weight: var(--lap-fw-bold);
}

.cod-price-box[b-3yxfrm4gh6] {
    display: flex;
    justify-content: space-between;
    gap: var(--lap-4);
    margin-top: var(--lap-6);
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
}

.cod-price-values[b-3yxfrm4gh6],
.cod-price-chips[b-3yxfrm4gh6] {
    display: flex;
    align-items: flex-end;
    gap: var(--lap-2);
}

.cod-price-values[b-3yxfrm4gh6] {
    flex-direction: column;
}

.cod-price-chips[b-3yxfrm4gh6] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cod-price-main[b-3yxfrm4gh6] {
    color: var(--lap-text-secondary);
}

.cod-price-box strong[b-3yxfrm4gh6] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size4);
}

.cod-bottom-action[b-3yxfrm4gh6] {
    display: flex;
    justify-content: flex-end;
    gap: var(--lap-2);
    margin-top: var(--lap-5);
}

.cod-manager-section[b-3yxfrm4gh6] {
    margin-top: var(--lap-8);
    padding: var(--lap-6);
    border: 1px solid var(--lap-primary-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-primary-50);
}

.cod-manager-head[b-3yxfrm4gh6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-4);
}

.cod-manager-head h2[b-3yxfrm4gh6],
.cod-manager-head p[b-3yxfrm4gh6],
.cod-manager-note p[b-3yxfrm4gh6] {
    margin: 0;
}

.cod-manager-head p[b-3yxfrm4gh6] {
    margin-top: var(--lap-1);
    color: var(--lap-text-tertiary);
}

.cod-manager-files[b-3yxfrm4gh6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-4);
    margin-top: var(--lap-5);
}

.cod-manager-image-card[b-3yxfrm4gh6] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
    color: var(--lap-text-primary);
    text-decoration: none;
    box-shadow: var(--lap-shadow-1);
}

.cod-manager-image-frame[b-3yxfrm4gh6] {
    height: calc(var(--lap-1) * 72);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--lap-gray-50);
}

.cod-manager-image-frame img[b-3yxfrm4gh6] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.cod-manager-file-name[b-3yxfrm4gh6] {
    display: block;
    overflow: hidden;
    padding: var(--lap-3) var(--lap-4);
    color: var(--lap-primary-600);
    font-weight: var(--lap-fw-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cod-manager-file-chip[b-3yxfrm4gh6] {
    max-width: none;
    background: var(--lap-white);
}

.cod-manager-note[b-3yxfrm4gh6] {
    margin-top: var(--lap-5);
    padding: var(--lap-4);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
}

.cod-manager-note strong[b-3yxfrm4gh6] {
    display: block;
    margin-bottom: var(--lap-2);
}

.cod-manager-note p[b-3yxfrm4gh6] {
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
    white-space: pre-wrap;
}

.cod-order-consent[b-3yxfrm4gh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-6);
    margin-top: var(--lap-6);
    padding: var(--lap-5) var(--lap-6);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.cod-order-consent-copy[b-3yxfrm4gh6] {
    min-width: 0;
}

.cod-order-consent-copy h2[b-3yxfrm4gh6],
.cod-order-consent-copy p[b-3yxfrm4gh6] {
    margin: 0;
}

.cod-order-consent-copy p[b-3yxfrm4gh6] {
    margin-top: var(--lap-1);
    color: var(--lap-text-tertiary);
}

.cod-quote-section[b-3yxfrm4gh6] {
    margin-top: var(--lap-8);
    padding: var(--lap-6);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.cod-quote-head[b-3yxfrm4gh6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-4);
    margin-bottom: var(--lap-5);
}

.cod-quote-head h2[b-3yxfrm4gh6],
.cod-quote-head p[b-3yxfrm4gh6] {
    margin: 0;
}

.cod-quote-head p[b-3yxfrm4gh6] {
    margin-top: var(--lap-1);
    color: var(--lap-text-tertiary);
}

.cod-quote-scroll[b-3yxfrm4gh6] {
    min-width: 0;
}

.cod-quote-notice[b-3yxfrm4gh6] {
    margin-top: var(--lap-6);
}

.cod-quote-notice-top[b-3yxfrm4gh6] {
    margin-top: 0;
    margin-bottom: var(--lap-6);
}

.cod-quote-notice p[b-3yxfrm4gh6] {
    margin: var(--lap-1) 0 0;
}

@media (max-width: 991.98px) {
    .cod-detail[b-3yxfrm4gh6] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 767.98px) {
    .cod-header[b-3yxfrm4gh6] {
        align-items: stretch;
        flex-direction: column;
    }

    .cod-summary[b-3yxfrm4gh6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cod-detail[b-3yxfrm4gh6] {
        padding: var(--lap-4);
    }

    .cod-form-row[b-3yxfrm4gh6] {
        grid-template-columns: 1fr;
        gap: var(--lap-4);
    }

    .cod-form-item[b-3yxfrm4gh6] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .cod-preview-media[b-3yxfrm4gh6] {
        height: calc(var(--lap-1) * 72);
    }

    .cod-price-box[b-3yxfrm4gh6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cod-price-values[b-3yxfrm4gh6] {
        width: 100%;
        align-items: flex-start;
    }

    .cod-price-chips[b-3yxfrm4gh6] {
        justify-content: flex-start;
    }

    .cod-quote-section[b-3yxfrm4gh6] {
        padding: var(--lap-3);
    }

    .cod-manager-section[b-3yxfrm4gh6] {
        padding: var(--lap-4);
    }

    .cod-manager-head[b-3yxfrm4gh6] {
        flex-direction: column;
    }

    .cod-manager-files[b-3yxfrm4gh6] {
        grid-template-columns: 1fr;
    }

    .cod-manager-image-frame[b-3yxfrm4gh6] {
        height: calc(var(--lap-1) * 56);
    }

    .cod-bottom-action[b-3yxfrm4gh6] {
        flex-direction: column;
    }

    .cod-order-consent[b-3yxfrm4gh6] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--lap-4);
        padding: var(--lap-4);
    }
}

@media print {
    .cod-summary[b-3yxfrm4gh6],
    .cod-detail[b-3yxfrm4gh6],
    .cod-quote-notice[b-3yxfrm4gh6],
    .cod-manager-section[b-3yxfrm4gh6],
    .cod-order-consent[b-3yxfrm4gh6],
    .cod-bottom-action[b-3yxfrm4gh6] {
        display: none !important;
    }

    .cod-quote-section[b-3yxfrm4gh6] {
        margin: 0;
        padding: 0;
        border: 0;
    }
}
/* /Components/Pages/MyCustomOrderList/CustomOrderList.razor.rz.scp.css */
.col-root[b-lep474k1gr],
.col-section[b-lep474k1gr] {
    width: 100%;
    min-width: 0;
}

.col-section-head[b-lep474k1gr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-4);
    margin-bottom: var(--lap-3);
}

.col-cols[b-lep474k1gr] {
    display: grid;
    grid-template-columns: minmax(90px, .6fr) minmax(90px, .65fr) minmax(130px, .9fr) minmax(135px, .95fr) minmax(150px, 1.05fr) minmax(125px, .85fr) minmax(135px, .9fr);
    align-items: center;
    min-width: 930px;
    text-align: center;
}

.col-cols > div[b-lep474k1gr] {
    min-width: 0;
    padding: var(--lap-3) var(--lap-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-cols > div:nth-child(5)[b-lep474k1gr] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-type-cell[b-lep474k1gr] {
    flex-direction: column;
    gap: var(--lap-1);
}

.col-card-type[b-lep474k1gr] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--lap-2);
}

.col-row[b-lep474k1gr] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--lap-motion-fast);
}

.col-row:hover[b-lep474k1gr],
.col-row:focus-visible[b-lep474k1gr] {
    background: var(--lap-gray-50);
}

.col-empty[b-lep474k1gr] {
    min-height: var(--lap-16);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--lap-5);
    background: var(--lap-white);
    color: var(--lap-text-tertiary);
    text-align: center;
}

.col-mobile-list[b-lep474k1gr] {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.col-card[b-lep474k1gr] {
    display: flex;
    color: inherit;
    text-decoration: none;
}

.col-pagination[b-lep474k1gr] {
    margin-top: var(--lap-6);
}

.col-action-row[b-lep474k1gr] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--lap-5);
}

.col-notice[b-lep474k1gr] {
    margin-top: var(--lap-4);
}

@media (max-width: 991.98px) {
    .col-desktop-list[b-lep474k1gr] {
        display: none;
    }

    .col-mobile-list[b-lep474k1gr] {
        display: flex;
        flex-direction: column;
        gap: var(--lap-3);
    }
}

@media (max-width: 767.98px) {
    .col-section-head[b-lep474k1gr] {
        align-items: stretch;
        flex-direction: column;
    }

    .col-action-row[b-lep474k1gr] {
        justify-content: stretch;
    }
}
/* /Components/Pages/MyCustomOrderList/MyCustomOrderList.razor.rz.scp.css */
/* =========================================
   MyCustomOrderList Component Styles
   - scoped
   - prefix: mc-
   ========================================= */

/* =========================================
   Base
   ========================================= */

.mc-root[b-396ad63bsd],
.mc-section[b-396ad63bsd] {
    width: 100%;
    min-width: 0;
}

.mc-section-head[b-396ad63bsd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-4);
    margin-bottom: var(--lap-3);
}

.mc-title-cell[b-396ad63bsd] {
    min-width: 0;
    color: var(--lap-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc-mobile-title[b-396ad63bsd] {
    min-width: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc-notice[b-396ad63bsd] {
    line-height: var(--lap-lh-normal-plus);
}

.mc-empty[b-396ad63bsd] {
    min-height: var(--lap-16);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--lap-5);
    border-bottom: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
    color: var(--lap-text-tertiary);
    text-align: center;
}

.mc-pagination[b-396ad63bsd] {
    margin-top: var(--lap-6);
}

/* =========================================
   Table Columns
   ========================================= */

.mc-qna-cols[b-396ad63bsd] {
    display: grid;
    grid-template-columns: minmax(56px, 0.45fr) minmax(0, 2.5fr) minmax(120px, 0.9fr) minmax(120px, 0.9fr);
    align-items: center;
    min-width: 0;
    text-align: center;
}

.mc-custom-cols[b-396ad63bsd] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(150px, 1fr) minmax(130px, 0.8fr) minmax(150px, 1fr) minmax(150px, 1fr);
    align-items: center;
    min-width: 900px;
    text-align: center;
}

.lap-table-head.mc-qna-cols > div[b-396ad63bsd],
.lap-table-row.mc-qna-cols > div[b-396ad63bsd],
.lap-table-head.mc-custom-cols > div[b-396ad63bsd],
.lap-table-row.mc-custom-cols > div[b-396ad63bsd] {
    min-width: 0;
    padding: var(--lap-3) var(--lap-2);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .lap-table-head.mc-qna-cols > div:nth-child(4)[b-396ad63bsd],
    .lap-table-row.mc-qna-cols > div:nth-child(4)[b-396ad63bsd],
    .lap-table-head.mc-custom-cols > div:nth-child(4)[b-396ad63bsd],
    .lap-table-row.mc-custom-cols > div:nth-child(4)[b-396ad63bsd] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* =========================================
   Custom Order
   ========================================= */

.mc-custom-row[b-396ad63bsd] {
    cursor: pointer;
    transition: background-color var(--lap-motion-fast);
}

    .mc-custom-row:hover[b-396ad63bsd] {
        background: var(--lap-gray-50);
    }

.mc-custom-group[b-396ad63bsd] {
    background: var(--lap-white);
    border-bottom: 1px solid var(--lap-gray-200);
}

    .mc-custom-group:has(.mc-custom-body)[b-396ad63bsd] {
        border-bottom: 0;
    }

    .mc-custom-group:last-child[b-396ad63bsd] {
        border-bottom: 0;
    }

.mc-custom-body[b-396ad63bsd] {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: var(--lap-4) var(--lap-4) var(--lap-5);
    border-top: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
    overflow-x: hidden;
}

.mc-custom-detail[b-396ad63bsd] {
    min-width: 0;
    width: 100%;
    padding: var(--lap-6);
    border-bottom: 1px solid var(--lap-gray-200);
    background: var(--lap-gray-50);
}

.mc-custom-card[b-396ad63bsd] {
    cursor: pointer;
}

.mc-custom-detail-mobile[b-396ad63bsd] {
    min-width: 0;
    margin-top: var(--lap-4);
    padding: 0;
    border-bottom: 0;
    background: transparent;
}

.mc-date-cell[b-396ad63bsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

/* =========================================
   Custom Order Detail
   ========================================= */

.mc-detail-panel[b-396ad63bsd] {
    width: 100%;
    min-width: 0;
    padding: 0;
    overflow-x: hidden;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.mc-detail-row[b-396ad63bsd] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--lap-6);
    width: 100%;
    min-width: 0;
}

.mc-detail-left[b-396ad63bsd],
.mc-detail-right[b-396ad63bsd] {
    min-width: 0;
}

.mc-detail-title[b-396ad63bsd] {
    margin-bottom: var(--lap-5);
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size5);
    font-weight: var(--lap-fw-bold);
}

.mc-form-grid[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.mc-form-row[b-396ad63bsd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--lap-5);
}

.mc-form-item[b-396ad63bsd],
.mc-form-item-full[b-396ad63bsd] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: var(--lap-2);
}

.mc-form-label[b-396ad63bsd] {
    color: var(--lap-text-secondary);
    font-weight: var(--lap-fw-semibold);
    white-space: nowrap;
}

.mc-form-value[b-396ad63bsd],
.mc-request-box[b-396ad63bsd] {
    min-height: var(--lap-9);
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 var(--lap-3);
    background: var(--lap-gray-100);
    border-radius: var(--lap-r-md);
    color: var(--lap-text-secondary);
}

.mc-form-value[b-396ad63bsd] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc-request-wrap[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.mc-request-box[b-396ad63bsd] {
    min-height: calc(var(--lap-1) * 20);
    align-items: flex-start;
    padding: var(--lap-3);
    white-space: pre-wrap;
}

.mc-preview-card[b-396ad63bsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--lap-1) * 88);
    padding: var(--lap-6);
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-xl);
    box-shadow: var(--lap-shadow-1);
}

.mc-preview-box[b-396ad63bsd] {
    width: 220px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--lap-2);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-lg);
    background: var(--lap-gray-50);
    color: var(--lap-text-secondary);
}

    .mc-preview-box strong[b-396ad63bsd] {
        color: var(--lap-text-primary);
        font-size: var(--lap-text-size4);
    }

    .mc-preview-box small[b-396ad63bsd] {
        color: var(--lap-text-tertiary);
    }

.mc-preview-sheet[b-396ad63bsd] {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 3px;
    width: 210px;
    padding: var(--lap-2);
    border: 1px solid var(--lap-gray-700);
}

    .mc-preview-sheet span[b-396ad63bsd] {
        aspect-ratio: 1 / 1;
        border: 1px solid var(--lap-gray-500);
        border-radius: var(--lap-r-sm);
    }

.mc-price-box[b-396ad63bsd] {
    display: flex;
    justify-content: space-between;
    gap: var(--lap-4);
    margin-top: var(--lap-6);
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
}

    .mc-price-box strong[b-396ad63bsd] {
        color: var(--lap-text-primary);
        font-size: var(--lap-text-size4);
    }

.mc-action-row[b-396ad63bsd] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--lap-5);
}

/* =========================================
   Custom Order File
   ========================================= */

.mc-file-area[b-396ad63bsd] {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--lap-2);
    min-width: 0;
    padding: 0;
    background: transparent;
    border-radius: var(--lap-r-md);
    color: var(--lap-text-secondary);
}

.mc-file-link[b-396ad63bsd] {
    color: var(--lap-primary-600);
    font-weight: var(--lap-fw-semibold);
}

.mc-file-list[b-396ad63bsd] {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.mc-file-chip[b-396ad63bsd] {
    width: 100%;
    max-width: 420px;
    min-height: var(--lap-12);
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    min-width: 0;
    padding: 0 var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    color: var(--lap-text-secondary);
}

.mc-file-icon[b-396ad63bsd] {
    flex: 0 0 auto;
    color: var(--lap-primary-500);
}

.mc-file-type[b-396ad63bsd] {
    flex: 0 0 auto;
    font-weight: var(--lap-fw-semibold);
    color: var(--lap-text-secondary);
}

.mc-file-name[b-396ad63bsd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--lap-primary-600);
    font-weight: var(--lap-fw-semibold);
}

/* =========================================
   QNA
   ========================================= */

.mc-qna-group[b-396ad63bsd] {
    background: var(--lap-white);
    border-bottom: 1px solid var(--lap-gray-200);
}

.mc-qna-row[b-396ad63bsd] {
    cursor: pointer;
}

    .mc-qna-row:hover[b-396ad63bsd] {
        background: var(--lap-gray-50);
    }

.mc-qna-status-cell[b-396ad63bsd] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc-qna-arrow[b-396ad63bsd] {
    display: none !important;
}

.mc-qna-body[b-396ad63bsd] {
    min-width: 0;
    margin: 0;
    padding: var(--lap-6);
    border-top: 1px solid var(--lap-gray-200);
    border-bottom: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
}

.mc-qna-box[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    min-width: 0;
}

.mc-qna-label[b-396ad63bsd] {
    color: var(--lap-text-primary);
    font-weight: var(--lap-fw-bold);
}

.mc-qna-question-panel[b-396ad63bsd] {
    padding: var(--lap-6);
    border-radius: var(--lap-r-lg);
    background: var(--lap-gray-50);
}

.mc-qna-detail-grid[b-396ad63bsd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
    gap: var(--lap-8);
    padding: 0;
}

.mc-qna-plain-text[b-396ad63bsd] {
    padding: 0;
    background: transparent;
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
}

.mc-qna-meta-line[b-396ad63bsd] {
    width: 100%;
    height: 1px;
    margin-top: var(--lap-5);
    margin-bottom: var(--lap-4);
    background: var(--lap-gray-200);
}

.mc-qna-question-meta[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--lap-3);
}

.mc-qna-inline-date[b-396ad63bsd] {
    color: var(--lap-text-secondary);
    text-align: right;
}

.mc-qna-edit-actions[b-396ad63bsd] {
    display: flex;
    justify-content: flex-end;
    gap: var(--lap-2);
}

/* 삭제는 보조 동작이지만 결과가 파괴적이므로 기존 danger 토큰으로 의미를 구분한다. */
.mc-qna-edit-actions[b-396ad63bsd]  .mc-qna-delete-button {
    border-color: var(--lap-danger-500);
    color: var(--lap-danger-500);
}

.mc-qna-edit-actions[b-396ad63bsd]  .mc-qna-delete-button:hover:not(:disabled) {
    background: color-mix(in oklab, var(--lap-danger-500) 8%, transparent);
}

.mc-qna-file-box[b-396ad63bsd] {
    display: flex !important;
}

.mc-qna-file-list[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    min-width: 0;
}

.mc-qna-file[b-396ad63bsd] {
    width: 100%;
    max-width: 420px;
    min-height: var(--lap-12);
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    min-width: 0;
    padding: 0 var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    color: var(--lap-text-secondary);
}

.mc-qna-file-icon[b-396ad63bsd] {
    flex: 0 0 auto;
    color: var(--lap-primary-500);
}

.mc-qna-file-name[b-396ad63bsd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-qna-file-size[b-396ad63bsd] {
    flex: 0 0 auto;
    color: var(--lap-text-tertiary);
}

.mc-qna-download[b-396ad63bsd] {
    margin-left: auto;
    color: var(--lap-icon-secondary);
}

.mc-qna-empty[b-396ad63bsd] {
    width: 100%;
    max-width: 420px;
    min-height: var(--lap-12);
    display: flex;
    align-items: center;
    padding: 0 var(--lap-4);
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    color: var(--lap-text-tertiary);
}

.mc-qna-answer-panel[b-396ad63bsd] {
    margin-top: var(--lap-5);
    padding: var(--lap-6);
    border-radius: var(--lap-r-lg);
    background: var(--lap-primary-50);
}

.mc-qna-image-wrap[b-396ad63bsd] {
    margin-top: var(--lap-4);
}

.mc-qna-image[b-396ad63bsd] {
    width: 100%;
    max-width: 520px;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
}

.mc-qna-answer-desc[b-396ad63bsd] {
    margin-top: var(--lap-3);
    color: var(--lap-text-secondary);
    line-height: var(--lap-lh-normal-plus);
}

.mc-qna-answer-meta-area[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    align-items: flex-start;
}

.mc-qna-answer-meta-row[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--lap-1);
    color: var(--lap-text-secondary);
}

.mc-qna-meta-divider[b-396ad63bsd] {
    display: none;
}

.mc-qna-mobile-actions[b-396ad63bsd] {
    display: none !important;
}

/* =========================================
   QNA Mobile Table
   ========================================= */

.lap-block.mc-qna-mobile-list[b-396ad63bsd] {
    gap: 0;
    min-width: 0;
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    overflow: hidden;
}

.mc-qna-mobile-head[b-396ad63bsd],
.mc-qna-mobile-row[b-396ad63bsd] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) 88px;
    align-items: stretch;
    gap: 0;
    min-width: 0;
    text-align: center;
}

.mc-qna-mobile-head[b-396ad63bsd] {
    min-height: var(--lap-10);
    padding: 0;
    background: var(--lap-gray-200);
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size1);
    font-weight: var(--lap-fw-bold);
}

.mc-qna-mobile-row[b-396ad63bsd] {
    min-height: 72px;
    padding: 0;
    background: var(--lap-white);
    cursor: pointer;
}

    .mc-qna-mobile-head > div[b-396ad63bsd],
    .mc-qna-mobile-row > div[b-396ad63bsd] {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 var(--lap-1);
        white-space: nowrap;
        word-break: keep-all;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .mc-qna-mobile-head > div:first-child[b-396ad63bsd],
        .mc-qna-mobile-row > div:first-child[b-396ad63bsd] {
            justify-content: flex-start;
            padding-left: var(--lap-2);
        }

.mc-qna-mobile-head > div[b-396ad63bsd] {
    min-height: var(--lap-10);
}

.mc-qna-mobile-row > div[b-396ad63bsd] {
    min-height: 72px;
}

.mc-qna-mobile-row > .mc-qna-mobile-title[b-396ad63bsd] {
    display: block;
    min-width: 0;
    width: 100%;
    height: 72px;
    line-height: 72px;
    padding: 0 var(--lap-2);
    color: var(--lap-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

    .mc-qna-mobile-row > .mc-qna-mobile-title > *[b-396ad63bsd] {
        display: block;
        min-width: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

.mc-qna-mobile-row .lap-badge[b-396ad63bsd] {
    flex: 0 0 auto;
    width: 64px;
    min-width: 64px;
}

.mc-qna-mobile-group[b-396ad63bsd] {
    min-width: 0;
    border-bottom: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
}

    .mc-qna-mobile-group:last-child[b-396ad63bsd] {
        border-bottom: 0;
    }

/* =========================================
   Notice Status
   ========================================= */

.mc-notice-status-list[b-396ad63bsd] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mc-notice-status-list li[b-396ad63bsd] {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: var(--lap-1);
        color: var(--lap-text-secondary);
        line-height: var(--lap-lh-normal-plus);
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

        .mc-notice-status-list li[b-396ad63bsd]::before {
            content: "-";
        }

.mc-notice-status[b-396ad63bsd] {
    font-weight: var(--lap-fw-regular);
    white-space: nowrap;
}

    .mc-notice-status[b-396ad63bsd]::after {
        content: " :";
    }

.mc-notice-desc[b-396ad63bsd] {
    min-width: 0;
}

/* =========================================
   Responsive
   ========================================= */

@media (min-width: 768px) {
    .lap-table-container[b-396ad63bsd] {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .lap-block[b-396ad63bsd] {
        display: none;
    }
}

@media (max-width: 1200px) {
    .mc-custom-cols[b-396ad63bsd] {
        grid-template-columns: minmax(150px, 1fr) minmax(100px, 0.7fr) minmax(130px, 0.9fr) minmax(120px, 0.7fr) minmax(140px, 0.9fr);
        min-width: 720px;
    }

    .lap-table-head.mc-custom-cols > div:nth-child(5)[b-396ad63bsd],
    .lap-table-row.mc-custom-cols > div:nth-child(5)[b-396ad63bsd] {
        display: none;
    }
}

@media (max-width: 991.98px) {
    @media (max-width: 991.98px) {
        .lap-table-container[b-396ad63bsd] {
            display: none;
        }

        .lap-block[b-396ad63bsd] {
            display: flex;
            flex-direction: column;
            gap: var(--lap-3);
        }

        .mc-section-head[b-396ad63bsd] {
            align-items: stretch;
            flex-direction: column;
        }

        .mc-qna-cols[b-396ad63bsd] {
            grid-template-columns: 56px minmax(0, 1fr) 112px;
        }

            .mc-qna-cols > div:nth-child(3)[b-396ad63bsd] {
                display: none;
            }

        .mc-qna-detail-grid[b-396ad63bsd] {
            grid-template-columns: 1fr;
            gap: var(--lap-5);
        }

        .mc-qna-file-box[b-396ad63bsd] {
            order: 2;
        }

        .mc-detail-row[b-396ad63bsd] {
            grid-template-columns: 1fr;
            gap: var(--lap-5);
        }

        .mc-form-row[b-396ad63bsd] {
            grid-template-columns: 1fr;
            gap: var(--lap-4);
        }

        .mc-file-chip[b-396ad63bsd] {
            max-width: 100%;
        }

        .mc-preview-card[b-396ad63bsd] {
            min-height: auto;
            padding: var(--lap-4);
        }

        .mc-price-box[b-396ad63bsd] {
            flex-direction: column;
        }
    }

    .lap-table-container[b-396ad63bsd] {
        display: none;
    }

    .lap-block[b-396ad63bsd] {
        display: flex;
        flex-direction: column;
        gap: var(--lap-3);
    }

    .mc-qna-cols[b-396ad63bsd] {
        grid-template-columns: 56px minmax(0, 1fr) 112px;
    }

        .mc-qna-cols > div:nth-child(3)[b-396ad63bsd] {
            display: none;
        }

    .mc-qna-detail-grid[b-396ad63bsd] {
        grid-template-columns: 1fr;
        gap: var(--lap-5);
    }

    .mc-qna-file-box[b-396ad63bsd] {
        order: 2;
    }

    .mc-detail-row[b-396ad63bsd] {
        grid-template-columns: 1fr;
        gap: var(--lap-5);
    }

    .mc-form-row[b-396ad63bsd] {
        grid-template-columns: 1fr;
        gap: var(--lap-4);
    }

    .mc-file-chip[b-396ad63bsd] {
        max-width: 100%;
    }

    .mc-preview-card[b-396ad63bsd] {
        min-height: auto;
        padding: var(--lap-4);
    }

    .mc-price-box[b-396ad63bsd] {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
/*    .mc-section-head {
        align-items: stretch;
        flex-direction: column;
    }

        .mc-section-head .lb-root {
            width: 100%;
        }
*/
    .mc-qna-body[b-396ad63bsd] {
        padding: var(--lap-4);
        border-bottom: 0;
    }

    .mc-qna-question-panel[b-396ad63bsd],
    .mc-qna-answer-panel[b-396ad63bsd] {
        padding: var(--lap-4);
    }

    .mc-qna-file-box[b-396ad63bsd] {
        display: flex !important;
        order: 2;
    }

    .mc-qna-file[b-396ad63bsd],
    .mc-qna-empty[b-396ad63bsd],
    .mc-qna-image[b-396ad63bsd] {
        max-width: 100%;
    }

    .mc-qna-question-meta[b-396ad63bsd] {
        margin-top: var(--lap-4);
    }

    .mc-qna-answer-meta-row[b-396ad63bsd] {
        align-items: flex-start;
        text-align: left;
    }

    .mc-form-item[b-396ad63bsd],
    .mc-form-item-full[b-396ad63bsd] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .mc-section-head[b-396ad63bsd] {
        align-items: stretch;
        flex-direction: column;
    }

        .mc-section-head .lb-root[b-396ad63bsd] {
            width: 100%;
        }

    .mc-action-row[b-396ad63bsd] {
        display: flex;
        justify-content: stretch;
    }

        .mc-action-row[b-396ad63bsd]  .lb-root {
            width: 100% !important;
        }
    .mc-custom-card .lap-white-card-row:nth-child(5)[b-396ad63bsd] {
        display: none;
    }
}
/* /Components/Pages/MyCustomOrderList/OneToOne.razor.rz.scp.css */
/* =========================================
   OneToOne (prefix: ot)
   ========================================= */

.ot-wrap[b-luze1rnrv4] {
    width: 100%;
}

.ot-top-notice[b-luze1rnrv4] {
    margin-bottom: var(--lap-6);
}

.ot-field-sm[b-luze1rnrv4] {
    max-width: 320px;
}

.ot-field-md[b-luze1rnrv4] {
    max-width: 600px;
}

.ot-field-label[b-luze1rnrv4] {
    margin-bottom: var(--lap-2);
}

    .ot-field-label .lap-form-label[b-luze1rnrv4] {
        font-size: var(--lap-text-size3);
    }

.ot-label-help[b-luze1rnrv4] {
    margin-left: var(--lap-1);
}

.ot-required[b-luze1rnrv4] {
    color: var(--lap-danger-500);
}

.ot-textarea[b-luze1rnrv4] {
    width: 100%;
    min-height: 260px;
    resize: vertical;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
    color: var(--lap-text-main);
    font-family: var(--lap-font-family);
    font-size: var(--lap-text-size2);
    padding: var(--lap-4);
    outline: none;
}

    .ot-textarea:focus[b-luze1rnrv4] {
        border-color: var(--lap-primary-400);
    }

.ot-notice-list .lap-panel-notice-term[b-luze1rnrv4]::after {
    content: none;
}

.ot-textarea.is-error[b-luze1rnrv4] {
    border-color: var(--lap-danger-500);
}

    .ot-textarea.is-error:focus[b-luze1rnrv4] {
        border-color: var(--lap-danger-500);
    }

.ot-field-helper[b-luze1rnrv4] {
    margin-top: var(--lap-3);
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size1);
}

.ot-submit-error[b-luze1rnrv4] {
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size2);
}

.ot-existing-files[b-luze1rnrv4] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    max-width: 600px;
}

.ot-existing-files-title[b-luze1rnrv4] {
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
}

.ot-existing-file[b-luze1rnrv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    min-height: var(--lap-10);
    padding: 0 var(--lap-3);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
}

.ot-existing-file-link[b-luze1rnrv4] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-primary-600);
    font-size: var(--lap-text-size2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ot-existing-file-remove[b-luze1rnrv4] {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size2);
    cursor: pointer;
}

    .ot-existing-file-remove:disabled[b-luze1rnrv4] {
        color: var(--lap-text-disabled);
        cursor: default;
    }

@media (max-width: 992px) {
    .ot-field-sm[b-luze1rnrv4],
    .ot-field-md[b-luze1rnrv4] {
        max-width: 100%;
    }
}
/* /Components/Pages/Newsletter/Newsletter.razor.rz.scp.css */
.nl-content[b-8ifkof9e38] {
    width: 100%;
    min-width: 0;
    color: var(--lap-text-main);
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.nl-content[b-8ifkof9e38]  img,
.nl-content[b-8ifkof9e38]  video,
.nl-content[b-8ifkof9e38]  iframe {
    max-width: 100%;
}

.nl-content[b-8ifkof9e38]  img,
.nl-content[b-8ifkof9e38]  video {
    height: auto;
}
/* /Components/Pages/Newsletter/NewsletterDetail.razor.rz.scp.css */
.nld-panel[b-gd85wi2bdv] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.nld-content-header[b-gd85wi2bdv] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.nld-heading[b-gd85wi2bdv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--lap-2);
}

.nld-title[b-gd85wi2bdv] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.nld-meta[b-gd85wi2bdv] {
    color: var(--lap-text-tertiary);
}

.nld-list-button[b-gd85wi2bdv] {
    flex: 0 0 auto;
}

.nld-content[b-gd85wi2bdv] {
    min-width: 0;
    color: var(--lap-text-main);
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.nld-content[b-gd85wi2bdv]  img,
.nld-content[b-gd85wi2bdv]  video,
.nld-content[b-gd85wi2bdv]  iframe {
    max-width: 100%;
}

.nld-content[b-gd85wi2bdv]  img,
.nld-content[b-gd85wi2bdv]  video {
    height: auto;
}

@media (max-width: 576px) {
    .nld-content-header[b-gd85wi2bdv] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Newsletter/NewsletterList.razor.rz.scp.css */
.nll-cols[b-79s08a5fys] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 140px;
    align-items: center;
}

.lap-table[b-79s08a5fys] {
    min-width: 0;
    width: 100%;
}

.nll-title[b-79s08a5fys] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .nll-cols[b-79s08a5fys] {
        grid-template-columns: 1fr;
    }

    .nll-cols > div:first-child[b-79s08a5fys],
    .nll-cols > div:last-child[b-79s08a5fys] {
        display: none;
    }

    .nll-title[b-79s08a5fys] {
        white-space: normal;
    }
}
/* /Components/Pages/OrderReport/OrderReportPageShell.razor.rz.scp.css */
.orp-page[b-zn5k2wh0x5] { min-width: 0; }
.orp-notice[b-zn5k2wh0x5] { color: var(--lap-text-secondary); font-size: var(--lap-text-size2); }
.orp-content[b-zn5k2wh0x5] { margin-top: var(--lap-4); }
[b-zn5k2wh0x5] .orp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-4); }
[b-zn5k2wh0x5] .orp-card { min-width: 0; padding: var(--lap-5); }
[b-zn5k2wh0x5] .orp-card-title { margin: 0 0 var(--lap-4); color: var(--lap-text-primary); font-size: var(--lap-text-size4); font-weight: 600; }
[b-zn5k2wh0x5] .orp-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lap-3); margin-bottom: var(--lap-4); }
[b-zn5k2wh0x5] .orp-toolbar { display: flex; justify-content: flex-end; margin-bottom: var(--lap-3); }
[b-zn5k2wh0x5] .orp-summary-card { padding: var(--lap-4); }
[b-zn5k2wh0x5] .orp-summary-selector { display: flex; align-items: flex-start; justify-content: flex-end; }
[b-zn5k2wh0x5] .orp-summary-label { color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); }
[b-zn5k2wh0x5] .orp-summary-value { margin-top: var(--lap-2); font-size: var(--lap-text-size5); font-weight: 700; }
[b-zn5k2wh0x5] .orp-state { padding: var(--lap-8); text-align: center; color: var(--lap-text-tertiary); }
@media (max-width: 991.98px) { [b-zn5k2wh0x5] .orp-grid { grid-template-columns: 1fr; } [b-zn5k2wh0x5] .orp-summary { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { [b-zn5k2wh0x5] .orp-toolbar { display: block; } [b-zn5k2wh0x5] .orp-summary { grid-template-columns: 1fr; } [b-zn5k2wh0x5] .orp-summary-selector { display: block; } [b-zn5k2wh0x5] .orp-card { padding: var(--lap-4); } }
/* /Components/Pages/Orders/ILabelOrderDetailMock.razor.rz.scp.css */
.iod-root[b-s7p9749znd] { color: var(--lap-text-main); }
.iod-breadcrumb[b-s7p9749znd] { display:flex; align-items:center; flex-wrap:wrap; gap:var(--lap-2); margin-bottom:var(--lap-4); color:var(--lap-text-tertiary); font-size:var(--lap-text-size1); }
.iod-breadcrumb a:hover[b-s7p9749znd] { color:var(--lap-color-primary); }
.iod-title[b-s7p9749znd] { display:flex; align-items:flex-end; justify-content:space-between; gap:var(--lap-5); margin-bottom:var(--lap-6); }
.iod-kicker[b-s7p9749znd],.iod-section-title span[b-s7p9749znd] { display:block; margin-bottom:var(--lap-2); color:var(--lap-color-primary); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); letter-spacing:.08em; }
.iod-title h1[b-s7p9749znd] { font-size:var(--lap-text-size5); font-weight:var(--lap-fw-bold); line-height:var(--lap-lh-tight); }
.iod-title p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); }
.iod-code[b-s7p9749znd] { flex:0 0 auto; padding:var(--lap-2) var(--lap-3); border-radius:var(--lap-r-max); background:var(--lap-primary-50); color:var(--lap-primary-700); font-weight:var(--lap-fw-semibold); }
.iod-purchase-layout[b-s7p9749znd] { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(calc(var(--lap-1) * 100),.85fr); gap:var(--lap-7); align-items:start; }
.iod-visual[b-s7p9749znd] { min-width:0; }
.iod-main-image[b-s7p9749znd] { position:relative; display:flex; align-items:center; justify-content:center; min-height:calc(var(--lap-1) * 132); overflow:hidden; background:var(--lap-gray-50); }
.iod-main-image img[b-s7p9749znd] { width:100%; height:100%; max-height:calc(var(--lap-1) * 150); object-fit:contain; }
.iod-image-badge[b-s7p9749znd] { position:absolute; top:var(--lap-4); left:var(--lap-4); z-index:1; padding:var(--lap-1) var(--lap-3); border-radius:var(--lap-r-max); background:var(--lap-color-primary); color:var(--lap-white); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); }
.iod-thumbnails[b-s7p9749znd] { display:flex; gap:var(--lap-3); margin-top:var(--lap-3); overflow-x:auto; }
.iod-thumbnail[b-s7p9749znd] { flex:0 0 calc(var(--lap-1) * 22); width:calc(var(--lap-1) * 22); height:calc(var(--lap-1) * 22); overflow:hidden; border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-md); background:var(--lap-white); }
.iod-thumbnail.is-active[b-s7p9749znd] { border:2px solid var(--lap-color-primary); }
.iod-thumbnail img[b-s7p9749znd] { width:100%; height:100%; object-fit:cover; }
.iod-quick-info[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-3); margin-top:var(--lap-5); }
.iod-quick-info article[b-s7p9749znd] { padding:var(--lap-4); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:var(--lap-white); }
.iod-quick-info strong[b-s7p9749znd],.iod-quick-info span[b-s7p9749znd] { display:block; }
.iod-quick-info span[b-s7p9749znd] { margin-top:var(--lap-1); color:var(--lap-text-tertiary); font-size:var(--lap-text-size1); }
.iod-order[b-s7p9749znd] { position:sticky; top:var(--lap-4); padding:var(--lap-6); box-shadow:var(--lap-shadow-2); }
.iod-order-heading[b-s7p9749znd] { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--lap-3); }
.iod-order-heading span[b-s7p9749znd] { color:var(--lap-text-tertiary); font-size:var(--lap-text-size1); }
.iod-order-heading strong[b-s7p9749znd] { display:block; margin-top:var(--lap-1); color:var(--lap-primary-700); font-size:var(--lap-text-size5); }
.iod-favorite[b-s7p9749znd] { display:flex; align-items:center; justify-content:center; width:var(--lap-10); height:var(--lap-10); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-max); color:var(--lap-text-secondary); }
.iod-benefit[b-s7p9749znd] { margin-top:var(--lap-4); padding:var(--lap-3) var(--lap-4); border-radius:var(--lap-r-md); background:var(--lap-primary-50); }
.iod-benefit span[b-s7p9749znd] { color:var(--lap-primary-700); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); }
.iod-benefit p[b-s7p9749znd] { margin-top:var(--lap-1); color:var(--lap-text-secondary); font-size:var(--lap-text-size1); line-height:var(--lap-lh-normal); }
.iod-fieldset[b-s7p9749znd] { margin-top:var(--lap-6); padding:0; border:0; }
.iod-fieldset legend[b-s7p9749znd] { margin-bottom:var(--lap-3); font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-materials[b-s7p9749znd] { display:flex; flex-direction:column; gap:var(--lap-2); }
.iod-material[b-s7p9749znd] { display:grid; grid-template-columns:var(--lap-8) minmax(0,1fr) auto; align-items:center; gap:var(--lap-3); width:100%; padding:var(--lap-3); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-md); text-align:left; }
.iod-material:hover[b-s7p9749znd],.iod-material.is-active[b-s7p9749znd],.iod-quantity:hover[b-s7p9749znd],.iod-quantity.is-active[b-s7p9749znd] { border-color:var(--lap-primary-400); background:var(--lap-primary-50); }
.iod-swatch[b-s7p9749znd] { width:var(--lap-8); height:var(--lap-8); border:1px solid var(--lap-gray-300); border-radius:var(--lap-r-max); }
.iod-material strong[b-s7p9749znd],.iod-material small[b-s7p9749znd] { display:block; }
.iod-material small[b-s7p9749znd] { margin-top:var(--lap-1); color:var(--lap-text-tertiary); }
.iod-material b[b-s7p9749znd] { color:var(--lap-primary-700); font-size:var(--lap-text-size1); }
.iod-quantities[b-s7p9749znd] { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--lap-2); }
.iod-quantity[b-s7p9749znd] { padding:var(--lap-3) var(--lap-2); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-md); }
.iod-quantity strong[b-s7p9749znd],.iod-quantity span[b-s7p9749znd] { display:block; }
.iod-quantity span[b-s7p9749znd] { margin-top:var(--lap-1); color:var(--lap-text-tertiary); font-size:var(--lap-text-size1); }
.iod-stock[b-s7p9749znd] { display:flex; align-items:center; gap:var(--lap-2); margin-top:var(--lap-3); color:var(--lap-text-secondary); font-size:var(--lap-text-size1); }
.iod-stock span[b-s7p9749znd] { width:var(--lap-2); height:var(--lap-2); border-radius:var(--lap-r-max); background:var(--lap-success-500); }
.iod-summary[b-s7p9749znd] { margin-top:var(--lap-6); padding-top:var(--lap-4); border-top:1px solid var(--lap-gray-200); }
.iod-summary div[b-s7p9749znd] { display:flex; justify-content:space-between; gap:var(--lap-4); margin-top:var(--lap-2); color:var(--lap-text-secondary); }
.iod-summary dd[b-s7p9749znd] { text-align:right; }
.iod-summary .iod-total[b-s7p9749znd] { align-items:baseline; margin-top:var(--lap-4); padding-top:var(--lap-4); border-top:1px solid var(--lap-gray-200); color:var(--lap-text-main); font-weight:var(--lap-fw-bold); }
.iod-total dd[b-s7p9749znd] { color:var(--lap-primary-700); }
.iod-total strong[b-s7p9749znd] { font-size:var(--lap-text-size5); }
.iod-actions[b-s7p9749znd] { display:grid; grid-template-columns:1fr 1.4fr; gap:var(--lap-2); margin-top:var(--lap-5); }
.iod-mock-note[b-s7p9749znd] { margin-top:var(--lap-3); color:var(--lap-text-tertiary); font-size:var(--lap-text-size1); text-align:center; }
.iod-detail-section[b-s7p9749znd] { margin-top:var(--lap-10); padding-top:var(--lap-9); border-top:1px solid var(--lap-gray-200); }
.iod-section-title[b-s7p9749znd] { text-align:center; }
.iod-section-title h2[b-s7p9749znd] { font-size:var(--lap-text-size5); font-weight:var(--lap-fw-bold); }
.iod-section-title p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); }
.iod-detail-grid[b-s7p9749znd] { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:var(--lap-5); margin-top:var(--lap-7); }
.iod-spec-card[b-s7p9749znd] { display:grid; grid-template-columns:minmax(calc(var(--lap-1) * 76),1fr) 1fr; gap:var(--lap-6); align-items:center; padding:var(--lap-6); }
.iod-spec-image[b-s7p9749znd] { overflow:hidden; border-radius:var(--lap-r-lg); background:var(--lap-gray-50); }
.iod-spec-image img[b-s7p9749znd] { width:100%; height:auto; object-fit:contain; }
.iod-spec-card h3[b-s7p9749znd],.iod-guide-cards h3[b-s7p9749znd] { font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-spec-list[b-s7p9749znd] { margin-top:var(--lap-4); }
.iod-spec-list div[b-s7p9749znd] { display:flex; justify-content:space-between; gap:var(--lap-3); padding:var(--lap-3) 0; border-bottom:1px solid var(--lap-gray-200); }
.iod-spec-list dt[b-s7p9749znd] { color:var(--lap-text-tertiary); }
.iod-spec-list dd[b-s7p9749znd] { font-weight:var(--lap-fw-semibold); text-align:right; }
.iod-guide-cards[b-s7p9749znd] { display:flex; flex-direction:column; gap:var(--lap-3); }
.iod-guide-cards article[b-s7p9749znd] { display:flex; gap:var(--lap-3); padding:var(--lap-4); }
.iod-guide-cards p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); font-size:var(--lap-text-size1); line-height:var(--lap-lh-normal-plus); }
.iod-guide-icon[b-s7p9749znd] { flex:0 0 var(--lap-9); display:flex; align-items:center; justify-content:center; width:var(--lap-9); height:var(--lap-9); border-radius:var(--lap-r-max); background:var(--lap-primary-50); color:var(--lap-color-primary); }
.iod-sticky-nav[b-s7p9749znd] { position:sticky; top:0; z-index:50; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--lap-5); margin-top:var(--lap-9); overflow:hidden; border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-xl); background:var(--lap-white); box-shadow:var(--lap-shadow-2); }
.iod-sticky-product[b-s7p9749znd] { display:flex; align-items:center; gap:var(--lap-2); padding:var(--lap-2) var(--lap-4); border-right:1px solid var(--lap-gray-200); white-space:nowrap; }
.iod-sticky-product img[b-s7p9749znd] { width:var(--lap-10); height:var(--lap-10); object-fit:contain; }
.iod-sticky-product span[b-s7p9749znd] { color:var(--lap-text-secondary); font-size:var(--lap-text-size1); }
.iod-sticky-nav nav[b-s7p9749znd] { display:flex; align-items:center; justify-content:center; overflow-x:auto; }
.iod-sticky-nav nav a[b-s7p9749znd] { position:relative; flex:0 0 auto; padding:var(--lap-4) var(--lap-3); color:var(--lap-text-secondary); font-weight:var(--lap-fw-semibold); }
.iod-sticky-nav nav a:hover[b-s7p9749znd] { color:var(--lap-color-primary); }
.iod-sticky-nav nav a:hover[b-s7p9749znd]::after { position:absolute; right:var(--lap-3); bottom:0; left:var(--lap-3); height:2px; border-radius:var(--lap-r-max); background:var(--lap-color-primary); content:""; }
.iod-option-link[b-s7p9749znd] { margin-right:var(--lap-3); padding:var(--lap-2) var(--lap-4); border-radius:var(--lap-r-md); background:var(--lap-color-primary); color:var(--lap-white); font-weight:var(--lap-fw-semibold); white-space:nowrap; }
.iod-content-section[b-s7p9749znd] { padding-top:var(--lap-10); scroll-margin-top:calc(var(--lap-1) * 20); }
.iod-about-intro[b-s7p9749znd] { display:grid; grid-template-columns:minmax(calc(var(--lap-1) * 76),.8fr) 1.2fr; align-items:center; gap:var(--lap-7); margin-top:var(--lap-7); padding:var(--lap-7); }
.iod-about-intro img[b-s7p9749znd] { width:100%; border-radius:var(--lap-r-lg); }
.iod-about-intro h3[b-s7p9749znd],.iod-usage-heading h3[b-s7p9749znd] { font-size:var(--lap-text-size4); font-weight:var(--lap-fw-bold); }
.iod-about-intro p[b-s7p9749znd] { margin-top:var(--lap-3); color:var(--lap-text-secondary); line-height:var(--lap-lh-normal-plus); }
.iod-use-flow[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-4); margin-top:var(--lap-5); }
.iod-use-flow article[b-s7p9749znd] { overflow:hidden; }
.iod-use-flow img[b-s7p9749znd] { width:100%; aspect-ratio:16/9; object-fit:cover; }
.iod-use-flow article div[b-s7p9749znd] { position:relative; padding:var(--lap-5); }
.iod-use-flow article div > span[b-s7p9749znd] { position:absolute; top:var(--lap-4); right:var(--lap-4); color:var(--lap-primary-200); font-size:var(--lap-text-size5); font-weight:var(--lap-fw-bold); }
.iod-use-flow h3[b-s7p9749znd] { font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-use-flow p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); line-height:var(--lap-lh-normal-plus); }
.iod-usage-heading[b-s7p9749znd] { margin-top:var(--lap-8); text-align:center; }
.iod-usage-heading p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); }
.iod-usage-grid[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-3); margin-top:var(--lap-5); }
.iod-usage-grid img[b-s7p9749znd] { width:100%; aspect-ratio:4/3; border-radius:var(--lap-r-lg); object-fit:cover; }
.iod-price-table-wrap[b-s7p9749znd] { margin-top:var(--lap-7); overflow-x:auto; }
.iod-price-table[b-s7p9749znd] { width:100%; min-width:calc(var(--lap-1) * 180); border-collapse:collapse; }
.iod-price-table th[b-s7p9749znd],.iod-price-table td[b-s7p9749znd] { padding:var(--lap-4); border-bottom:1px solid var(--lap-gray-200); text-align:right; white-space:nowrap; }
.iod-price-table thead th[b-s7p9749znd] { background:var(--lap-gray-50); color:var(--lap-text-secondary); font-size:var(--lap-text-size1); }
.iod-price-table th:first-child[b-s7p9749znd] { text-align:left; }
.iod-price-table tbody th[b-s7p9749znd] { display:flex; align-items:center; gap:var(--lap-3); }
.iod-price-table tbody th span:nth-child(2)[b-s7p9749znd] { display:flex; flex-direction:column; gap:var(--lap-1); }
.iod-price-table tbody small[b-s7p9749znd] { color:var(--lap-text-tertiary); font-weight:var(--lap-fw-regular); }
.iod-price-table td[b-s7p9749znd] { color:var(--lap-primary-700); font-weight:var(--lap-fw-semibold); }
.iod-table-swatch[b-s7p9749znd] { flex:0 0 var(--lap-8); width:var(--lap-8); height:var(--lap-8); border:1px solid var(--lap-gray-300); border-radius:var(--lap-r-max); }
.iod-related[b-s7p9749znd] { margin-top:var(--lap-8); }
.iod-related-grid[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-4); margin-top:var(--lap-5); }
.iod-related-card[b-s7p9749znd] { display:grid; grid-template-columns:var(--lap-16) minmax(0,1fr) auto; align-items:center; gap:var(--lap-3); padding:var(--lap-3); }
.iod-related-card:hover[b-s7p9749znd] { border-color:var(--lap-primary-300); background:var(--lap-primary-50); }
.iod-related-card img[b-s7p9749znd] { width:var(--lap-16); height:var(--lap-16); border-radius:var(--lap-r-md); object-fit:contain; }
.iod-related-card div[b-s7p9749znd] { display:flex; flex-direction:column; gap:var(--lap-1); min-width:0; }
.iod-related-card div > span[b-s7p9749znd],.iod-related-card small[b-s7p9749znd] { color:var(--lap-text-tertiary); }
.iod-related-card > span[b-s7p9749znd] { color:var(--lap-color-primary); }
.iod-resource-grid[b-s7p9749znd] { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--lap-4); margin-top:var(--lap-7); }
.iod-resource-card[b-s7p9749znd] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--lap-4); padding:var(--lap-5); }
.iod-resource-type[b-s7p9749znd] { display:flex; align-items:center; justify-content:center; width:var(--lap-14); height:var(--lap-14); border-radius:var(--lap-r-lg); background:var(--lap-primary-50); color:var(--lap-primary-700); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); text-align:center; }
.iod-resource-card h3[b-s7p9749znd] { font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-resource-card p[b-s7p9749znd] { margin-top:var(--lap-2); color:var(--lap-text-secondary); font-size:var(--lap-text-size1); line-height:var(--lap-lh-normal-plus); }
.iod-template-warning[b-s7p9749znd] { display:flex; align-items:center; justify-content:center; gap:var(--lap-2); margin-top:var(--lap-4); padding:var(--lap-3); border-radius:var(--lap-r-md); background:var(--lap-gray-50); color:var(--lap-text-secondary); }
.iod-template-warning > span[b-s7p9749znd] { color:var(--lap-color-primary); }
.iod-notice-grid[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-4); margin-top:var(--lap-7); }
.iod-notice-card[b-s7p9749znd] { padding:var(--lap-5); }
.iod-notice-card.is-warning[b-s7p9749znd] { border-color:var(--lap-warning-300); background:var(--lap-warning-50); }
.iod-notice-title[b-s7p9749znd] { display:flex; align-items:center; gap:var(--lap-2); color:var(--lap-color-primary); }
.iod-notice-title h3[b-s7p9749znd] { color:var(--lap-text-main); font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-notice-card ul[b-s7p9749znd] { display:flex; flex-direction:column; gap:var(--lap-3); margin-top:var(--lap-4); padding-left:var(--lap-5); color:var(--lap-text-secondary); line-height:var(--lap-lh-normal-plus); }
.iod-notice-card li[b-s7p9749znd]::marker { color:var(--lap-color-primary); }
.iod-delivery-grid[b-s7p9749znd] { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--lap-4); margin-top:var(--lap-7); }
.iod-delivery-card[b-s7p9749znd] { padding:var(--lap-5); }
.iod-delivery-card > h3[b-s7p9749znd] { padding-bottom:var(--lap-3); border-bottom:1px solid var(--lap-gray-200); font-size:var(--lap-text-size3); font-weight:var(--lap-fw-bold); }
.iod-delivery-card > div[b-s7p9749znd] { margin-top:var(--lap-4); }
.iod-delivery-card strong[b-s7p9749znd] { color:var(--lap-primary-700); }
.iod-delivery-card p[b-s7p9749znd] { margin-top:var(--lap-1); color:var(--lap-text-secondary); line-height:var(--lap-lh-normal-plus); }
.iod-return-address[b-s7p9749znd] { display:flex; flex-wrap:wrap; gap:var(--lap-3) var(--lap-5); margin-top:var(--lap-4); padding:var(--lap-4) var(--lap-5); color:var(--lap-text-secondary); }
.iod-return-address strong[b-s7p9749znd] { color:var(--lap-text-main); }
@media (max-width:1199.98px) { .iod-purchase-layout[b-s7p9749znd] { grid-template-columns:minmax(0,1fr) minmax(calc(var(--lap-1) * 88),.9fr); gap:var(--lap-5); } .iod-quantities[b-s7p9749znd] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:991.98px) { .iod-purchase-layout[b-s7p9749znd],.iod-detail-grid[b-s7p9749znd],.iod-about-intro[b-s7p9749znd] { grid-template-columns:1fr; } .iod-order[b-s7p9749znd] { position:static; } .iod-main-image[b-s7p9749znd] { min-height:calc(var(--lap-1) * 100); } .iod-sticky-product[b-s7p9749znd] { display:none; } .iod-sticky-nav[b-s7p9749znd] { grid-template-columns:minmax(0,1fr) auto; } .iod-resource-grid[b-s7p9749znd],.iod-notice-grid[b-s7p9749znd],.iod-delivery-grid[b-s7p9749znd] { grid-template-columns:1fr; } .iod-related-grid[b-s7p9749znd] { grid-template-columns:1fr; } }
@media (max-width:767.98px) { .iod-title[b-s7p9749znd] { align-items:flex-start; flex-direction:column; } .iod-title h1[b-s7p9749znd] { font-size:var(--lap-text-size4); } .iod-main-image[b-s7p9749znd] { min-height:calc(var(--lap-1) * 84); } .iod-quick-info[b-s7p9749znd],.iod-use-flow[b-s7p9749znd] { grid-template-columns:1fr; } .iod-order[b-s7p9749znd] { padding:var(--lap-4); } .iod-spec-card[b-s7p9749znd] { grid-template-columns:1fr; padding:var(--lap-4); } .iod-about-intro[b-s7p9749znd] { padding:var(--lap-4); } .iod-usage-grid[b-s7p9749znd] { grid-template-columns:repeat(2,1fr); } .iod-sticky-nav nav a[b-s7p9749znd] { padding-right:var(--lap-2); padding-left:var(--lap-2); } .iod-option-link[b-s7p9749znd] { display:none; } .iod-sticky-nav[b-s7p9749znd] { grid-template-columns:1fr; } .iod-resource-card[b-s7p9749znd] { grid-template-columns:auto minmax(0,1fr); } .iod-resource-card[b-s7p9749znd] (.lb-root) { grid-column:1/-1; } }
@media (max-width:479.98px) { .iod-material[b-s7p9749znd] { grid-template-columns:var(--lap-8) minmax(0,1fr); } .iod-material b[b-s7p9749znd] { grid-column:2; } .iod-actions[b-s7p9749znd] { grid-template-columns:1fr; } }
/* /Components/Pages/Orders/MyOrder.razor.rz.scp.css */
.myo-root[b-wu580dj68j] {
	min-width: 0;
}

.myo-section[b-wu580dj68j] {
	margin-top: var(--lap-4);
}

.myo-list-cols[b-wu580dj68j] {
	display: grid;
	grid-template-columns:
		minmax(calc(var(--lap-1) * 22), 1fr)
		minmax(calc(var(--lap-1) * 28), 1.25fr)
		minmax(calc(var(--lap-1) * 26), 1fr)
		minmax(calc(var(--lap-1) * 20), 1fr)
		minmax(calc(var(--lap-1) * 42), 2fr)
		minmax(calc(var(--lap-1) * 20), 1fr)
		minmax(calc(var(--lap-1) * 20), 1fr)
		minmax(calc(var(--lap-1) * 20), 1fr);
	align-items: center;
	gap: var(--lap-3);
	min-width: calc(var(--lap-1) * 235);
}

.myo-list-cols > div[b-wu580dj68j] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	text-align: center;
}

.myo-product-summary[b-wu580dj68j] {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.myo-mobile-action[b-wu580dj68j] {
	display: inline-flex;
	justify-content: flex-end;
	margin-left: auto;
	min-width: 0;
}

.myo-empty-row[b-wu580dj68j] {
	display: flex;
	justify-content: center;
	padding: var(--lap-6);
	color: var(--lap-text-tertiary);
}

.myo-mobile-list[b-wu580dj68j] {
	display: none;
}

.myo-empty-card[b-wu580dj68j] {
	text-align: center;
	color: var(--lap-text-tertiary);
}

.myo-pagination[b-wu580dj68j] {
	margin-top: var(--lap-6);
}

@media (max-width: 767.98px) {
	.myo-list-table[b-wu580dj68j] {
		display: none;
	}

	.myo-mobile-list[b-wu580dj68j] {
		display: block;
	}
}
/* /Components/Pages/Orders/QuickOrder.razor.rz.scp.css */
.qop-help-button[b-ijlen5iy73] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--lap-r-sm);
  background: transparent;
  cursor: pointer;
}

.qop-help-icon[b-ijlen5iy73] {
  color: var(--lap-text-disabled);
  transition: color var(--lap-motion-fast) ease;
}

.qop-help-button:hover .qop-help-icon[b-ijlen5iy73] { color: var(--lap-color-primary); }

.qop-help-button:focus-visible[b-ijlen5iy73] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: var(--lap-1);
}
/* /Components/Pages/Orders/QuickOrderPageForm.razor.rz.scp.css */
.qopf-root[b-mrc86aez33] {
  min-width: 0;
}

.qopf-fields[b-mrc86aez33] {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--lap-3);
  align-items: end;
}

.qopf-field[b-mrc86aez33] {
  min-width: 0;
}

.qopf-code[b-mrc86aez33],
.qopf-quantity[b-mrc86aez33] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--lap-2);
  align-items: end;
}

@media (min-width: 576px) {
  .qopf-quantity.has-stepper[b-mrc86aez33] {
    grid-template-columns: max-content auto;
    justify-content: start;
  }
}

.qopf-stepper-field[b-mrc86aez33] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--lap-3);
}

.qopf-stepper-field > span[b-mrc86aez33] {
  color: var(--lap-text-main);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
}

.qopf-error[b-mrc86aez33] {
  margin: var(--lap-3) 0 0;
  color: var(--lap-danger-500);
}

.qopf-prosumer[b-mrc86aez33] {
  margin: var(--lap-2) 0 0;
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-semibold);
}

.qopf-summary[b-mrc86aez33] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lap-6);
  margin-top: var(--lap-6);
}

.qopf-summary-info[b-mrc86aez33] {
  flex: 1 1 auto;
  min-width: 0;
}

.qopf-facts[b-mrc86aez33] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--lap-6);
  row-gap: var(--lap-4);
  align-items: center;
  width: 100%;
  margin: 0;
}

.qopf-fact[b-mrc86aez33] {
  min-width: 0;
}

.qopf-fact dt[b-mrc86aez33] {
  margin: 0 0 var(--lap-1);
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  white-space: nowrap;
}

.qopf-fact dd[b-mrc86aez33] {
  min-width: 0;
  margin: 0;
  color: var(--lap-text-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qopf-fact-product dd[b-mrc86aez33],
.qopf-fact-availability dd[b-mrc86aez33],
.qopf-price-value[b-mrc86aez33] {
  display: flex;
  align-items: center;
  gap: var(--lap-2);
}

.qopf-fact-product strong[b-mrc86aez33] {
  flex: 0 0 auto;
}

.qopf-fact-product span[b-mrc86aez33],
.qopf-fact-availability span[b-mrc86aez33] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qopf-price-value del[b-mrc86aez33] {
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
}

.qopf-price-value strong[b-mrc86aez33] {
  color: var(--lap-color-primary);
  font-size: var(--lap-text-size5);
}

.qopf-price-value strong.is-empty[b-mrc86aez33] {
  color: var(--lap-text-main);
  font-size: inherit;
}

.qopf-summary-action[b-mrc86aez33] {
  flex: 0 0 180px;
}

@media (max-width: 991.98px) {
  .qopf-fields[b-mrc86aez33] {
    grid-template-columns: 1fr;
  }

  .qopf-summary[b-mrc86aez33] {
    align-items: stretch;
    flex-direction: column;
  }

  .qopf-facts[b-mrc86aez33] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .qopf-summary-action[b-mrc86aez33] {
    flex-basis: auto;
  }
}

@media (max-width: 767.98px) {
  .qopf-facts[b-mrc86aez33] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .qopf-code[b-mrc86aez33],
  .qopf-quantity[b-mrc86aez33] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/Orders/ReorderOrderList.razor.rz.scp.css */
.rol-root[b-qplu10t36e] {
  min-width: 0;
}

.rol-notice .lap-panel-notice-term[b-qplu10t36e]::after {
  content: none;
}

.rol-list[b-qplu10t36e] {
  min-width: 0;
}

.rol-cols[b-qplu10t36e] {
  display: grid;
  grid-template-columns:
    minmax(calc(var(--lap-1) * 24), 1fr)
    minmax(calc(var(--lap-1) * 30), 1.2fr)
    minmax(calc(var(--lap-1) * 48), 2fr)
    minmax(calc(var(--lap-1) * 24), 1fr)
    minmax(calc(var(--lap-1) * 20), .8fr);
  align-items: center;
  min-width: calc(var(--lap-1) * 185);
  text-align: center;
}

.rol-cols > div[b-qplu10t36e] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.rol-product-summary[b-qplu10t36e] {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.rol-mobile-action[b-qplu10t36e] {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
}

.rol-state[b-qplu10t36e],
.rol-empty[b-qplu10t36e] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--lap-1) * 24);
  padding: var(--lap-5);
  color: var(--lap-text-tertiary);
  text-align: center;
}

.rol-mobile-list[b-qplu10t36e] {
  display: none;
}

.rol-empty-card[b-qplu10t36e] {
  color: var(--lap-text-tertiary);
  text-align: center;
}

.rol-pagination[b-qplu10t36e] {
  margin-top: var(--lap-6);
}

@media (max-width: 767.98px) {
  .rol-table[b-qplu10t36e] {
    display: none;
  }

  .rol-mobile-list[b-qplu10t36e] {
    display: block;
  }
}
/* /Components/Pages/Orders/ReturnRequest.razor.rz.scp.css */
.rtr-root[b-l6j1exu9aw] {
    min-width: 0;
}

.rtr-root h1[b-l6j1exu9aw],
.rtr-root h2[b-l6j1exu9aw],
.rtr-root p[b-l6j1exu9aw] {
    margin: 0;
}

.rtr-steps[b-l6j1exu9aw] {
    margin-top: var(--lap-3);
}

.rtr-panel[b-l6j1exu9aw] {
    margin-top: var(--lap-3);
    padding: var(--lap-10) min(248px, 15.35vw);
    border: 1px solid var(--lap-gray-200);
    border-radius: 16px;
    background: var(--lap-white);
}

.rtr-content[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
}

.rtr-section-title[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
}

.rtr-section-title h2[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-section-title p[b-l6j1exu9aw],
.rtr-notice[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.rtr-notice[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    margin: 0;
    padding: var(--lap-5);
    list-style: none;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-gray-50);
}

.rtr-notice li[b-l6j1exu9aw]::before {
    content: "- ";
}

.rtr-help-button[b-l6j1exu9aw] {
    display: inline-flex;
    align-items: center;
    gap: var(--lap-2);
    padding: 0;
    border: 0;
    border-radius: var(--lap-r-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: left;
    vertical-align: baseline;
    cursor: pointer;
}

.rtr-help-icon[b-l6j1exu9aw] {
    color: var(--lap-text-disabled);
    transition: color var(--lap-motion-fast) ease;
}

.rtr-help-button:hover .rtr-help-icon[b-l6j1exu9aw] {
    color: var(--lap-color-primary);
}

.rtr-help-button:focus-visible[b-l6j1exu9aw] {
    outline: 2px solid var(--lap-color-primary);
    outline-offset: var(--lap-1);
}

.rtr-status-modal-list[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.rtr-status-modal-list li[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: start;
    gap: var(--lap-4);
    color: var(--lap-text-secondary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.rtr-search[b-l6j1exu9aw] {
    display: flex;
    justify-content: center;
    padding: var(--lap-5);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
    background: var(--lap-gray-200);
}

.rtr-search-fields[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: 240px 80px;
    gap: var(--lap-3);
}

.rtr-list-toolbar[b-l6j1exu9aw] {
    display: flex;
    justify-content: flex-end;
}

.rtr-order-list[b-l6j1exu9aw] {
    overflow: hidden;
    border-radius: var(--lap-r-md);
}

.rtr-order[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    min-height: 145px;
    padding: var(--lap-5);
    border-block: 1px solid var(--lap-gray-300);
    background: var(--lap-white);
}

.rtr-order + .rtr-order[b-l6j1exu9aw] {
    border-top: 0;
}

.rtr-order.is-selected[b-l6j1exu9aw] {
    background: var(--lap-primary-50);
}

.rtr-order-info[b-l6j1exu9aw],
.rtr-order-action[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

.rtr-order-info[b-l6j1exu9aw] {
    flex: 1;
    min-width: 0;
}

.rtr-order-number[b-l6j1exu9aw] {
    align-self: flex-start;
}

.rtr-order-info span[b-l6j1exu9aw],
.rtr-order-action span[b-l6j1exu9aw] {
    color: var(--lap-text-secondary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.rtr-order-info strong[b-l6j1exu9aw],
.rtr-order-action strong[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    font-size: 16px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-order-info .rtr-product[b-l6j1exu9aw] {
    color: var(--lap-text-main);
}

.rtr-order-action[b-l6j1exu9aw] {
    flex: 0 0 auto;
    align-items: flex-end;
}

.rtr-order-buttons[b-l6j1exu9aw],
.rtr-complete-actions[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
}

.rtr-unavailable-reason[b-l6j1exu9aw] {
    max-width: 260px;
    color: var(--lap-danger-500);
    font-size: 12px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.4;
    text-align: right;
}

.rtr-empty[b-l6j1exu9aw] {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: var(--lap-text-tertiary);
    border-block: 1px solid var(--lap-gray-300);
}

.rtr-pagination[b-l6j1exu9aw] {
    margin-top: var(--lap-2);
}

.rtr-product-table[b-l6j1exu9aw] {
    overflow: hidden;
    border-radius: var(--lap-r-lg);
}

.rtr-product-head[b-l6j1exu9aw],
.rtr-product-row[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) 158px 158px;
    align-items: stretch;
}

.rtr-product-head[b-l6j1exu9aw] {
    min-width: 760px;
    min-height: 45px;
    color: var(--lap-text-main);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
    background: var(--lap-gray-200);
}

.rtr-product-head > div[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rtr-product-row[b-l6j1exu9aw] {
    min-width: 760px;
    min-height: 177px;
    padding-block: var(--lap-3);
    color: var(--lap-text-secondary);
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid var(--lap-gray-300);
    background: var(--lap-white);
}

.rtr-product-row.is-disabled[b-l6j1exu9aw] {
    background: var(--lap-gray-50);
}

.rtr-product-check[b-l6j1exu9aw],
.rtr-product-value[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rtr-product-detail[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(240px, 1fr);
    align-items: center;
    min-width: 0;
}

.rtr-product-image[b-l6j1exu9aw] {
    display: flex;
    width: 150px;
    height: 150px;
    margin-inline: auto;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
}

.rtr-product-image img[b-l6j1exu9aw] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rtr-product-copy[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    min-width: 0;
}

.rtr-product-copy p[b-l6j1exu9aw] {
    overflow-wrap: anywhere;
}

.rtr-product-copy strong[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-bold);
}

.rtr-product-detail-line[b-l6j1exu9aw],
.rtr-product-status[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
}

.rtr-product-unavailable-reason[b-l6j1exu9aw] {
    margin-top: var(--lap-1) !important;
    color: var(--lap-danger-500);
    font-weight: var(--lap-fw-medium);
}

.rtr-product-status[b-l6j1exu9aw] {
    margin-top: var(--lap-1) !important;
    color: var(--lap-text-secondary);
    font-weight: var(--lap-fw-medium);
}

.rtr-product-actions[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
}

.rtr-reason-form[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-5);
    padding-block: var(--lap-3);
}

.rtr-fee-guide[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    padding: var(--lap-5);
    color: var(--lap-text-main);
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid var(--lap-information-200);
    border-radius: var(--lap-r-md);
    background: var(--lap-information-50);
}

.rtr-fee-guide.is-customer[b-l6j1exu9aw] {
    border-color: var(--lap-warning-200);
    background: var(--lap-warning-50);
}

.rtr-fee-guide ul[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    margin: 0;
    padding-left: var(--lap-5);
}

.rtr-fieldset[b-l6j1exu9aw] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.rtr-fieldset legend[b-l6j1exu9aw],
.rtr-field > label[b-l6j1exu9aw],
.rtr-form-field > label[b-l6j1exu9aw],
.rtr-address-label[b-l6j1exu9aw] {
    display: block;
    margin-bottom: var(--lap-1);
    color: var(--lap-text-main);
    font-size: 16px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-reason-grid[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-5);
}

.rtr-reason-card[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    gap: var(--lap-5);
    min-width: 0;
    padding: var(--lap-5);
    color: var(--lap-text-main);
    text-align: left;
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
    cursor: pointer;
}

.rtr-reason-card.is-selected[b-l6j1exu9aw] {
    color: var(--lap-primary-500);
    border-color: var(--lap-primary-500);
    background: var(--lap-gray-100);
}

.rtr-reason-card:focus-visible[b-l6j1exu9aw] {
    outline: 2px solid var(--lap-primary-300);
    outline-offset: 2px;
}

.rtr-reason-check[b-l6j1exu9aw] {
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    place-items: center;
    color: var(--lap-white);
    border: 1px solid var(--lap-gray-500);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
}

.rtr-reason-card.is-selected .rtr-reason-check[b-l6j1exu9aw] {
    border-color: var(--lap-primary-500);
    background: var(--lap-primary-500);
}

.rtr-reason-copy[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    min-width: 0;
}

.rtr-reason-copy strong[b-l6j1exu9aw] {
    font-size: 16px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-reason-copy > span[b-l6j1exu9aw] {
    color: inherit;
    font-size: 14px;
    font-weight: var(--lap-fw-regular);
    line-height: 1.5;
}

.rtr-field textarea[b-l6j1exu9aw] {
    display: block;
    width: 100%;
    min-height: 260px;
    padding: 13px 16px;
    color: var(--lap-text-main);
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
}

.rtr-field textarea[b-l6j1exu9aw]::placeholder {
    color: var(--lap-text-tertiary);
}

.rtr-field textarea:focus[b-l6j1exu9aw] {
    border-color: var(--lap-primary-500);
    outline: 2px solid var(--lap-primary-100);
    outline-offset: 0;
}

.rtr-pickup-form[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-5);
    padding-block: var(--lap-3);
}

.rtr-pickup-grid[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-5);
}

.rtr-pickup-grid .rtr-reason-card:last-child[b-l6j1exu9aw] {
    grid-column: 1;
}

.rtr-pickup-fields[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
}

.rtr-pickup-address-title[b-l6j1exu9aw] {
    margin: 0;
    color: var(--lap-text-main);
    font-size: 18px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-form-row[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lap-2);
}

.rtr-form-field[b-l6j1exu9aw] {
    min-width: 0;
}

.rtr-address-field[b-l6j1exu9aw] {
    min-width: 0;
}

.rtr-address-search[b-l6j1exu9aw]  .las-zip-row {
    max-width: 500px;
    gap: var(--lap-4);
}

.rtr-address-search[b-l6j1exu9aw]  .las-zip-row > :first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.rtr-address-search[b-l6j1exu9aw]  .las-zip-row > :last-child {
    flex: 0 0 166px;
}

.rtr-review-alert[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    width: min(720px, 100%);
    min-height: 48px;
    padding: var(--lap-4);
    color: var(--lap-text-main);
    font-size: 14px;
    line-height: 1.5;
    border-radius: var(--lap-r-sm);
    background: var(--lap-information-50);
}

.rtr-review-alert-icon[b-l6j1exu9aw] {
    flex: 0 0 24px;
    color: var(--lap-information-500);
}

.rtr-review-form[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-5);
    padding-block: var(--lap-3);
}

.rtr-review-section[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
}

.rtr-review-section h3[b-l6j1exu9aw] {
    margin: 0;
    color: var(--lap-text-main);
    font-size: 16px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-review-card[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    padding: var(--lap-6);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.rtr-review-products[b-l6j1exu9aw] {
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.rtr-review-product[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 150px;
    align-items: center;
    gap: var(--lap-5);
    padding: var(--lap-5);
}

.rtr-review-product + .rtr-review-product[b-l6j1exu9aw] {
    border-top: 1px solid var(--lap-gray-200);
}

.rtr-review-product-image[b-l6j1exu9aw] {
    display: flex;
    width: 120px;
    height: 120px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
}

.rtr-review-product-image img[b-l6j1exu9aw] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rtr-review-product-copy[b-l6j1exu9aw],
.rtr-review-product-meta[b-l6j1exu9aw],
.rtr-review-product-meta > span[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
}

.rtr-review-product-copy[b-l6j1exu9aw] {
    gap: var(--lap-1);
    min-width: 0;
    color: var(--lap-text-tertiary);
    font-size: 14px;
    line-height: 1.5;
}

.rtr-review-product-copy strong[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    font-size: 16px;
    overflow-wrap: anywhere;
}

.rtr-review-product-meta[b-l6j1exu9aw] {
    align-items: flex-end;
    gap: var(--lap-3);
    color: var(--lap-text-main);
    font-size: 14px;
    text-align: right;
}

.rtr-review-product-meta small[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
}

.rtr-review-info[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: var(--lap-2) var(--lap-6);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
    background: var(--lap-white);
}

.rtr-review-info > div[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: var(--lap-4);
    padding-block: var(--lap-4);
}

.rtr-review-info > div + div[b-l6j1exu9aw] {
    border-top: 1px solid var(--lap-gray-200);
}

.rtr-review-info dt[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
}

.rtr-review-info dd[b-l6j1exu9aw] {
    margin: 0;
    color: var(--lap-text-main);
    overflow-wrap: anywhere;
}

.rtr-previous-discount[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

.rtr-previous-discount + .rtr-previous-discount[b-l6j1exu9aw] {
    padding-top: var(--lap-4);
    border-top: 1px solid var(--lap-gray-200);
}

.rtr-previous-discount > div:first-child[b-l6j1exu9aw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-4);
}

.rtr-previous-discount > div:first-child span[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
    font-size: 12px;
}

.rtr-review-row[b-l6j1exu9aw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-4);
    color: var(--lap-text-main);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.rtr-review-row > :last-child[b-l6j1exu9aw] {
    flex: 0 0 auto;
    text-align: right;
}

.rtr-review-row small[b-l6j1exu9aw] {
    color: var(--lap-text-secondary);
    font-size: 12px;
}

.rtr-review-row.is-separated[b-l6j1exu9aw] {
    padding-top: var(--lap-3);
    border-top: 1px solid var(--lap-gray-200);
}

.rtr-review-row.is-total[b-l6j1exu9aw] {
    align-items: center;
    font-size: 16px;
}

.rtr-review-row.is-total strong[b-l6j1exu9aw] {
    font-weight: var(--lap-fw-bold);
}

.rtr-review-row.is-total strong:last-child[b-l6j1exu9aw] {
    color: var(--lap-danger-500);
}

.rtr-review-row.is-original-total strong:last-child[b-l6j1exu9aw] {
    color: var(--lap-text-main);
}

.rtr-complete-panel[b-l6j1exu9aw] {
    padding-block: var(--lap-13);
}

.rtr-complete-content[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lap-6);
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
}

.rtr-history-content[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-6);
}

.rtr-history-selector[b-l6j1exu9aw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: var(--lap-2);
}

.rtr-history-option[b-l6j1exu9aw] {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    padding: var(--lap-3) var(--lap-4);
    color: var(--lap-text-secondary);
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-md);
    background: var(--lap-white);
    cursor: pointer;
}

.rtr-history-option:hover[b-l6j1exu9aw],
.rtr-history-option:focus-visible[b-l6j1exu9aw],
.rtr-history-option.is-selected[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    border-color: var(--lap-color-primary);
    background: var(--lap-primary-50);
}

.rtr-history-option:focus-visible[b-l6j1exu9aw] {
    outline: 2px solid var(--lap-color-primary);
    outline-offset: var(--lap-1);
}

.rtr-history-empty[b-l6j1exu9aw] {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: var(--lap-text-tertiary);
    text-align: center;
}

.rtr-complete-title[b-l6j1exu9aw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lap-2);
    text-align: center;
}

.rtr-complete-title h2[b-l6j1exu9aw] {
    color: var(--lap-text-main);
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.rtr-complete-title p[b-l6j1exu9aw] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

@media (max-width: 1199.98px) {
    .rtr-panel[b-l6j1exu9aw] {
        padding-inline: var(--lap-8);
    }
}

@media (max-width: 767.98px) {
    .rtr-root > .lap-header-title[b-l6j1exu9aw] {
        justify-content: center;
    }

    .rtr-steps[b-l6j1exu9aw] {
        margin-top: 0;
        overflow: visible;
    }

    .rtr-panel[b-l6j1exu9aw] {
        padding: var(--lap-5);
        border-radius: var(--lap-r-xl);
    }

    .rtr-panel.rtr-mobile-flat[b-l6j1exu9aw] {
        padding: var(--lap-6) 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .rtr-mobile-flat .rtr-section-title[b-l6j1exu9aw] {
        margin-inline: var(--lap-2);
    }

    .rtr-section-title h2[b-l6j1exu9aw] {
        font-size: 24px;
    }

    .rtr-section-title p[b-l6j1exu9aw] {
        font-size: 16px;
    }

    .rtr-reason-form[b-l6j1exu9aw],
    .rtr-pickup-form[b-l6j1exu9aw],
    .rtr-review-form[b-l6j1exu9aw] {
        padding-block: 0;
    }

    .rtr-complete-panel[b-l6j1exu9aw] {
        padding-block: var(--lap-5);
    }

    .rtr-complete-title h2[b-l6j1exu9aw] {
        font-size: 24px;
    }

    .rtr-search-fields[b-l6j1exu9aw] {
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }

    .rtr-order[b-l6j1exu9aw] {
        align-items: stretch;
        gap: var(--lap-5);
    }

    .rtr-product-table[b-l6j1exu9aw] {
        overflow: visible;
    }

    .rtr-product-head[b-l6j1exu9aw] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        min-width: 0;
        min-height: 45px;
    }

    .rtr-product-head > div:nth-child(n + 3)[b-l6j1exu9aw] {
        display: none;
    }

    .rtr-product-row[b-l6j1exu9aw] {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        column-gap: var(--lap-3);
        row-gap: var(--lap-3);
        min-width: 0;
        padding: var(--lap-6);
    }

    .rtr-product-check[b-l6j1exu9aw] {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: var(--lap-1);
    }

    .rtr-product-detail[b-l6j1exu9aw] {
        grid-column: 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--lap-4);
    }

    .rtr-product-image[b-l6j1exu9aw] {
        width: 128px;
        height: 143px;
    }

    .rtr-product-copy[b-l6j1exu9aw] {
        font-size: 18px;
    }

    .rtr-product-value[b-l6j1exu9aw] {
        grid-column: 2;
        justify-content: space-between;
        width: 100%;
        padding-left: 0;
        font-size: 18px;
    }

    .rtr-product-value[b-l6j1exu9aw]::before {
        content: attr(data-label) " : ";
        margin-right: var(--lap-2);
        color: var(--lap-text-main);
        font-weight: var(--lap-fw-bold);
    }

    .rtr-reason-grid[b-l6j1exu9aw] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lap-4);
    }

    .rtr-pickup-grid[b-l6j1exu9aw] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lap-5);
    }

    .rtr-pickup-grid .rtr-reason-card:last-child[b-l6j1exu9aw] {
        grid-column: auto;
    }

    .rtr-review-alert[b-l6j1exu9aw] {
        align-items: flex-start;
    }

    .rtr-fieldset legend[b-l6j1exu9aw],
    .rtr-field > label[b-l6j1exu9aw],
    .rtr-form-field > label[b-l6j1exu9aw],
    .rtr-address-label[b-l6j1exu9aw],
    .rtr-review-section h3[b-l6j1exu9aw] {
        font-size: 18px;
    }

    .rtr-reason-copy strong[b-l6j1exu9aw] {
        font-size: 18px;
    }

    .rtr-reason-copy > span[b-l6j1exu9aw],
    .rtr-field textarea[b-l6j1exu9aw],
    .rtr-review-row[b-l6j1exu9aw],
    .rtr-fee-guide[b-l6j1exu9aw],
    .rtr-review-product-copy[b-l6j1exu9aw],
    .rtr-review-product-meta[b-l6j1exu9aw],
    .rtr-review-info[b-l6j1exu9aw] {
        font-size: 16px;
    }

    .rtr-review-product[b-l6j1exu9aw] {
        grid-template-columns: 128px minmax(0, 1fr);
        align-items: start;
    }

    .rtr-review-product-image[b-l6j1exu9aw] {
        width: 128px;
        height: 128px;
    }

    .rtr-review-product-meta[b-l6j1exu9aw] {
        grid-column: 2;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        text-align: left;
    }

    .rtr-form-field[b-l6j1exu9aw]  .li-input,
    .rtr-address-search[b-l6j1exu9aw]  .li-input {
        font-size: 16px;
    }

    .rtr-address-search[b-l6j1exu9aw]  .las-row {
        flex-direction: row;
        align-items: flex-end;
    }

    .rtr-file-upload-wrap[b-l6j1exu9aw]  .lfu-label {
        margin-bottom: var(--lap-1);
        font-size: 18px;
        font-weight: var(--lap-fw-bold);
    }

    .rtr-file-upload-wrap[b-l6j1exu9aw]  .lfu-helper {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .rtr-root > .lap-header-title h1[b-l6j1exu9aw] {
        font-size: 20px;
    }

    .rtr-steps[b-l6j1exu9aw]  .lsi-root {
        padding: var(--lap-4);
    }

    .rtr-steps[b-l6j1exu9aw]  .lsi-step {
        gap: var(--lap-2);
        font-size: 12px;
    }

    .rtr-steps[b-l6j1exu9aw]  .lsi-number {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .rtr-panel[b-l6j1exu9aw] {
        padding: var(--lap-4);
    }

    .rtr-panel.rtr-mobile-flat[b-l6j1exu9aw] {
        padding: var(--lap-5) 0 0;
    }

    .rtr-content[b-l6j1exu9aw] {
        gap: var(--lap-3);
    }

    .rtr-section-title h2[b-l6j1exu9aw],
    .rtr-complete-title h2[b-l6j1exu9aw] {
        font-size: 20px;
    }

    .rtr-section-title p[b-l6j1exu9aw],
    .rtr-complete-title p[b-l6j1exu9aw] {
        font-size: 14px;
    }

    .rtr-notice[b-l6j1exu9aw] {
        padding: var(--lap-4);
        font-size: 12px;
    }

    .rtr-search[b-l6j1exu9aw] {
        padding: var(--lap-4);
    }

    .rtr-search-fields[b-l6j1exu9aw] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: var(--lap-2);
    }

    .rtr-order[b-l6j1exu9aw] {
        gap: var(--lap-3);
        min-height: 124px;
        padding: var(--lap-4);
    }

    .rtr-order-info[b-l6j1exu9aw],
    .rtr-order-action[b-l6j1exu9aw] {
        gap: var(--lap-2);
    }

    .rtr-order-buttons[b-l6j1exu9aw] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .rtr-order-info span[b-l6j1exu9aw],
    .rtr-order-action span[b-l6j1exu9aw] {
        font-size: 12px;
    }

    .rtr-order-info strong[b-l6j1exu9aw],
    .rtr-order-action strong[b-l6j1exu9aw] {
        font-size: 14px;
    }

    .rtr-product-row[b-l6j1exu9aw] {
        grid-template-columns: 24px minmax(0, 1fr);
        column-gap: var(--lap-2);
        padding: var(--lap-4);
    }

    .rtr-product-detail[b-l6j1exu9aw] {
        grid-template-columns: minmax(96px, .8fr) minmax(0, 1.4fr);
        gap: var(--lap-3);
    }

    .rtr-product-image[b-l6j1exu9aw] {
        width: 96px;
        height: 108px;
        margin: 0 auto;
    }

    .rtr-product-copy[b-l6j1exu9aw],
    .rtr-product-value[b-l6j1exu9aw] {
        font-size: 14px;
    }

    .rtr-fieldset legend[b-l6j1exu9aw],
    .rtr-field > label[b-l6j1exu9aw],
    .rtr-form-field > label[b-l6j1exu9aw],
    .rtr-address-label[b-l6j1exu9aw],
    .rtr-review-section h3[b-l6j1exu9aw],
    .rtr-file-upload-wrap[b-l6j1exu9aw]  .lfu-label {
        font-size: 16px;
    }

    .rtr-reason-card[b-l6j1exu9aw] {
        gap: var(--lap-3);
        padding: var(--lap-4);
    }

    .rtr-reason-copy strong[b-l6j1exu9aw] {
        font-size: 16px;
    }

    .rtr-reason-copy > span[b-l6j1exu9aw],
    .rtr-field textarea[b-l6j1exu9aw],
    .rtr-review-row[b-l6j1exu9aw],
    .rtr-fee-guide[b-l6j1exu9aw],
    .rtr-review-product-copy[b-l6j1exu9aw],
    .rtr-review-product-meta[b-l6j1exu9aw],
    .rtr-review-info[b-l6j1exu9aw],
    .rtr-file-upload-wrap[b-l6j1exu9aw]  .lfu-helper {
        font-size: 14px;
    }

    .rtr-review-product[b-l6j1exu9aw] {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: var(--lap-3);
        padding: var(--lap-4);
    }

    .rtr-review-product-image[b-l6j1exu9aw] {
        width: 96px;
        height: 108px;
    }

    .rtr-review-product-copy strong[b-l6j1exu9aw] {
        font-size: 14px;
    }

    .rtr-review-info[b-l6j1exu9aw] {
        padding-inline: var(--lap-4);
    }

    .rtr-review-info > div[b-l6j1exu9aw] {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: var(--lap-3);
    }

    .rtr-form-field[b-l6j1exu9aw]  .li-input,
    .rtr-address-search[b-l6j1exu9aw]  .li-input {
        font-size: 14px;
    }

    .rtr-product-actions[b-l6j1exu9aw] {
        gap: var(--lap-3);
    }

    .rtr-root[b-l6j1exu9aw]  .lb-root {
        font-size: 14px;
    }

    .rtr-address-search[b-l6j1exu9aw]  .las-zip-row {
        gap: var(--lap-2);
    }

    .rtr-address-search[b-l6j1exu9aw]  .las-zip-row > :last-child {
        flex-basis: 150px;
        width: auto;
    }

    .rtr-address-search[b-l6j1exu9aw]  .las-row {
        flex-direction: row;
        align-items: flex-end;
    }

    .rtr-review-card[b-l6j1exu9aw] {
        padding: var(--lap-4);
    }

    .rtr-history-selector[b-l6j1exu9aw] {
        grid-template-columns: 1fr;
    }

    .rtr-history-option[b-l6j1exu9aw] {
        width: 100%;
    }

    .rtr-complete-actions[b-l6j1exu9aw] {
        width: 100%;
        flex-direction: column;
    }

    .rtr-review-row[b-l6j1exu9aw] {
        gap: var(--lap-3);
    }
}
/* /Components/Pages/PartnerSupport/PartnerGrading.razor.rz.scp.css */
.pg-summary-grid[b-3y629pajlt] { row-gap: var(--lap-3); }
.pg-summary-card[b-3y629pajlt] { height: 100%; }
.pg-summary-label[b-3y629pajlt] { color: var(--lap-text-muted); font-size: var(--lap-text-size2); line-height: 1.45; }
.pg-next-grade-label[b-3y629pajlt], .pg-remaining-label[b-3y629pajlt] { display: inline-block; white-space: nowrap; }
.pg-remaining-label[b-3y629pajlt] { margin-left: var(--lap-1); }
.pg-summary-value[b-3y629pajlt] { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--lap-1); margin-top: var(--lap-1); color: var(--lap-text-main); font-size: var(--lap-text-size4); font-weight: var(--lap-fw-bold); line-height: 1.45; }
.pg-discount-value[b-3y629pajlt] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-semibold); }
.pg-money-value[b-3y629pajlt] { color: var(--lap-color-primary); }
.pg-periods[b-3y629pajlt] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-3); margin-top: var(--lap-5); padding-top: var(--lap-4); border-top: 1px solid var(--lap-gray-200); }
.pg-period-item[b-3y629pajlt] { display: flex; flex-direction: column; gap: var(--lap-1); }
.pg-period-label[b-3y629pajlt] { color: var(--lap-text-muted); font-size: var(--lap-text-size2); }
.pg-period-value[b-3y629pajlt] { color: var(--lap-text-main); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-bold); }

.pg-grade-0[b-3y629pajlt] { color: #8f98a1; }
.pg-grade-1[b-3y629pajlt] { color: #25945f; }
.pg-grade-2[b-3y629pajlt] { color: #2384c6; }
.pg-grade-3[b-3y629pajlt] { color: #864cc5; }
.pg-grade-4[b-3y629pajlt] { color: #e9aa00; }
.pg-grade-5[b-3y629pajlt] { color: #ff7f83; }

.pg-grade-table [class^="pg-grade-"][b-3y629pajlt] { font-weight: var(--lap-fw-bold); }
.pg-category-error[b-3y629pajlt] { margin: var(--lap-3) 0 0; padding: var(--lap-3); border: 1px solid var(--lap-danger-200, #fecaca); border-radius: var(--lap-r-md); background: var(--lap-danger-50, #fff7f7); color: var(--lap-danger-700, #b42318); font-size: var(--lap-text-size2); line-height: 1.5; }
.pg-fixed-message[b-3y629pajlt] { margin: 0; line-height: 1.8; }
.pg-fixed-message strong[b-3y629pajlt] { color: var(--lap-color-primary); }
.pg-fixed-message .pg-fixed-title[b-3y629pajlt] { font-size: var(--lap-text-size3); font-weight: var(--lap-fw-bold); }
.pg-bullets[b-3y629pajlt] { margin: 0; padding: 0; list-style: none; line-height: 1.8; }
.pg-bullets li[b-3y629pajlt] { position: relative; padding-left: var(--lap-5); }
.pg-bullets li[b-3y629pajlt]::before { position: absolute; left: var(--lap-1); top: 0; color: currentColor; content: "•"; font-weight: var(--lap-fw-bold); }
.pg-bullets li + li[b-3y629pajlt] { margin-top: var(--lap-1); }
.pg-image-wrap[b-3y629pajlt] { display: flex; justify-content: center; margin-top: var(--lap-5); }
.pg-image-wrap img[b-3y629pajlt] { display: block; width: 100%; height: auto; }
.pg-image-benefit img[b-3y629pajlt] { max-width: 740px; }
.pg-image-period[b-3y629pajlt] { padding-top: var(--lap-5); border-top: 1px solid var(--lap-gray-200); }
.pg-image-period img[b-3y629pajlt] { max-width: 740px; }
.pg-table-title[b-3y629pajlt] { margin: 0 0 var(--lap-2); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-semibold); }
.pg-table-grid[b-3y629pajlt] { grid-template-columns: minmax(120px, 1fr) minmax(220px, 2fr) minmax(150px, 1fr); }

@media (min-width: 768px) {
    .pg-summary-item + .pg-summary-item[b-3y629pajlt] { border-left: 1px solid var(--lap-gray-200); }
    .pg-summary-item:not(:first-child) .pg-summary-card[b-3y629pajlt] { padding-left: var(--lap-4); }
}

@media (max-width: 767px) {
    .pg-summary-grid[b-3y629pajlt] { row-gap: 0; }
    .pg-summary-card[b-3y629pajlt] { padding: var(--lap-4) 0; border-bottom: 1px solid var(--lap-gray-200); }
    .pg-summary-item:first-child .pg-summary-card[b-3y629pajlt] { padding-top: 0; }
    .pg-summary-item:last-child .pg-summary-card[b-3y629pajlt] { padding-bottom: 0; border-bottom: 0; }
    .pg-summary-value[b-3y629pajlt] { margin-top: var(--lap-2); }
    .pg-periods[b-3y629pajlt] { grid-template-columns: 1fr; }
    .pg-period-item[b-3y629pajlt] { padding: var(--lap-2) 0; }
    .pg-period-item:first-child[b-3y629pajlt] { padding-top: 0; }
    .pg-period-item:last-child[b-3y629pajlt] { padding-bottom: 0; }
    .pg-grade-table[b-3y629pajlt] { overflow-x: auto; }
    .pg-table-grid[b-3y629pajlt] { min-width: 620px; }
}
/* /Components/Pages/PartnerSupport/PartnerSupport.razor.rz.scp.css */
/* ===============================
   Layout
   =============================== */

.ps-intro[b-husm0a1cqf] {
    line-height: 1.7;
}

/* ===============================
   Guide Table
   =============================== */

.ps-cols[b-husm0a1cqf] {
    display: grid;
    grid-template-columns:
        minmax(34px, 44px)
        minmax(0, 1fr)
        minmax(24px, 24px);
    align-items: center;
}

.ps-table-head[b-husm0a1cqf] {
    text-align: left;
}

.ps-marker[b-husm0a1cqf] {
    color: var(--lap-text-tertiary);
    font-size: 12px;
    font-weight: 600;
}

.ps-marker.is-top[b-husm0a1cqf] {
    color: var(--lap-primary-600);
}

.ps-title[b-husm0a1cqf] {
    min-width: 0;
}

.ps-new-badge[b-husm0a1cqf] {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    color: var(--lap-primary-600);
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle;
}

.ps-arrow[b-husm0a1cqf] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 992px) {
    .lap-search-box[b-husm0a1cqf] {
        width: 100%;
    }

    .lap-search-main[b-husm0a1cqf] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/PartnerSupport/PartnerSupportCategoryBar.razor.rz.scp.css */
.pscb-wrap[b-0ycmd6h9z3]  .ltcb-group-button {
    padding-right: 0;
    padding-left: 0;
}
/* /Components/Pages/PartnerSupport/SupportDetails.razor.rz.scp.css */
/* ===============================
   Detail
   =============================== */

.sd-detail-card[b-cmjwwmp3pu] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.sd-content-header[b-cmjwwmp3pu] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.sd-title[b-cmjwwmp3pu] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.sd-header-actions[b-cmjwwmp3pu] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--lap-2);
}

.sd-top-badge[b-cmjwwmp3pu] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--lap-primary-50);
    color: var(--lap-primary-600);
    font-size: 12px;
    font-weight: 700;
}

.sd-list-button[b-cmjwwmp3pu] {
    flex: 0 0 auto;
}

.sd-article[b-cmjwwmp3pu] {
    color: var(--lap-text-main);
    font-size: var(--lap-fs-body);
    line-height: 1.75;
}

.sd-article :deep(*)[b-cmjwwmp3pu] {
    font-size: inherit;
    line-height: inherit;
}

.sd-article :deep(h1)[b-cmjwwmp3pu],
.sd-article :deep(h2)[b-cmjwwmp3pu],
.sd-article :deep(h3)[b-cmjwwmp3pu],
.sd-article :deep(h4)[b-cmjwwmp3pu],
.sd-article :deep(h5)[b-cmjwwmp3pu],
.sd-article :deep(h6)[b-cmjwwmp3pu] {
    margin: 0 0 var(--lap-3);
    color: var(--lap-text-main);
    font-size: var(--lap-fs-body);
    font-weight: 700;
    line-height: 1.75;
}

.sd-article :deep(p)[b-cmjwwmp3pu],
.sd-article :deep(div)[b-cmjwwmp3pu],
.sd-article :deep(ul)[b-cmjwwmp3pu],
.sd-article :deep(ol)[b-cmjwwmp3pu] {
    margin-top: 0;
    margin-bottom: var(--lap-3);
}

.sd-article :deep(img)[b-cmjwwmp3pu] {
    max-width: 100%;
    height: auto;
}

.sd-article :deep(a)[b-cmjwwmp3pu] {
    color: var(--lap-color-primary);
}

@media (max-width: 992px) {
    .lap-search-box[b-cmjwwmp3pu] {
        width: 100%;
    }

    .lap-search-main[b-cmjwwmp3pu] {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .sd-content-header[b-cmjwwmp3pu] {
        align-items: stretch;
        flex-direction: column;
    }

    .sd-header-actions[b-cmjwwmp3pu] {
        justify-content: space-between;
    }
}
/* /Components/Pages/Policies/PolicyCenter.razor.rz.scp.css */
.pc-root[b-nnr44plvsj] {
	max-width: calc(var(--lap-1) * 360);
}

.pc-layout[b-nnr44plvsj] {
	margin-top: var(--lap-6);
}

.pc-document-card[b-nnr44plvsj] {
	padding: var(--lap-6);
}

.pc-document-title[b-nnr44plvsj] {
	color: var(--lap-text-primary);
	font-size: var(--lap-text-size5);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-tight);
}

.pc-divider[b-nnr44plvsj] {
	margin-top: var(--lap-4);
	margin-bottom: var(--lap-6);
}

@media (max-width: 767.98px) {
	.pc-document-card[b-nnr44plvsj] {
		padding: var(--lap-5);
	}

	.pc-document-title[b-nnr44plvsj] {
		font-size: var(--lap-text-size4);
	}
}
/* /Components/Pages/PrintRequest/PrintRequestCases.razor.rz.scp.css */
.prc-search[b-w74tpcpjr0]{display:flex;align-items:center;justify-content:center;gap:var(--lap-3);padding:var(--lap-5);background:var(--lap-gray-200)}
.prc-selects[b-w74tpcpjr0],.prc-actions[b-w74tpcpjr0]{display:contents}
/* Figma 3125:26512 기준으로 필터별 제작사례 수를 Primary 외곽 캡슐로 표시한다. */
[b-w74tpcpjr0] .prc-product-select .ls-item-suffix,
[b-w74tpcpjr0] .prc-material-select .ls-item-suffix{
    box-sizing:border-box;
    min-width:0;
    min-height:29px;
    padding:3px 9px;
    border:1px solid var(--lap-primary-500);
    border-radius:var(--lap-r-max);
    background:var(--lap-white);
    color:var(--lap-primary-500);
    font-size:13px;
    font-weight:var(--lap-fw-bold);
    line-height:1.5;
}
.prc-status[b-w74tpcpjr0]{padding:var(--lap-8) var(--lap-5);text-align:center}
.prc-grid[b-w74tpcpjr0]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--lap-5);padding:var(--lap-5)}
.prc-card[b-w74tpcpjr0]{display:block;min-width:0;overflow:hidden;padding:0;color:inherit;text-align:left;background:var(--lap-white);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-lg);box-shadow:var(--lap-shadow-2);cursor:pointer;transition:transform var(--lap-motion-fast) ease,box-shadow var(--lap-motion-fast) ease}
.prc-card:hover[b-w74tpcpjr0]{transform:translateY(-2px);box-shadow:var(--lap-shadow-3)}
.prc-card:focus-visible[b-w74tpcpjr0]{outline:2px solid var(--lap-primary-400);outline-offset:2px}
.prc-image[b-w74tpcpjr0]{position:relative;overflow:hidden}
.prc-image>img[b-w74tpcpjr0]{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform var(--lap-motion-normal) ease}
.prc-card:hover .prc-image>img[b-w74tpcpjr0]{transform:scale(1.02)}
.prc-image span[b-w74tpcpjr0]{position:absolute;top:var(--lap-3);right:var(--lap-3);display:flex;align-items:center;min-height:28px;padding:0 var(--lap-2);border:1px solid var(--lap-primary-500);border-radius:999px;color:var(--lap-primary-500);background:var(--lap-primary-50);font-size:12px}
.prc-body[b-w74tpcpjr0]{padding:var(--lap-3)}
.prc-body time[b-w74tpcpjr0]{font-size:12px}
.prc-body>div[b-w74tpcpjr0]{display:flex;gap:var(--lap-3);margin-top:var(--lap-3)}
.prc-body img[b-w74tpcpjr0]{width:70px;height:70px;flex:0 0 auto;object-fit:cover;border:1px solid var(--lap-gray-200)}
.prc-body p[b-w74tpcpjr0]{min-width:0;margin:0;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);line-height:1.8;overflow-wrap:anywhere}
.prc-sentinel[b-w74tpcpjr0]{height:1px}
.prc-modal[b-w74tpcpjr0]{display:flex;flex-direction:column;gap:var(--lap-3);min-height:0;outline:none}
.prc-modal-stage[b-w74tpcpjr0]{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(64vh,680px);overflow:hidden;background:var(--lap-gray-50);border-radius:var(--lap-r-md)}
.prc-modal-stage[b-w74tpcpjr0]  .ligi-root{min-height:min(64vh,680px)}
.prc-modal-nav[b-w74tpcpjr0]{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--lap-gray-200);border-radius:50%;background:color-mix(in srgb,var(--lap-white) 88%,transparent);box-shadow:var(--lap-shadow-2);transform:translateY(-50%)}
.prc-modal-nav:hover[b-w74tpcpjr0]{background:var(--lap-white)}
.prc-modal-nav.is-prev[b-w74tpcpjr0]{left:var(--lap-3)}
.prc-modal-nav.is-next[b-w74tpcpjr0]{right:var(--lap-3)}
.prc-modal-meta[b-w74tpcpjr0]{display:flex;align-items:center;justify-content:space-between;gap:var(--lap-3);color:var(--lap-text-secondary);font-size:var(--lap-text-size2)}
.prc-modal-meta strong[b-w74tpcpjr0]{color:var(--lap-text-main)}
.prc-modal-thumbs[b-w74tpcpjr0]{display:flex;gap:var(--lap-2);overflow-x:auto;padding-bottom:var(--lap-1)}
.prc-modal-thumb[b-w74tpcpjr0]{flex:0 0 72px;width:72px;height:72px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:var(--lap-r-sm);background:var(--lap-white)}
.prc-modal-thumb.is-active[b-w74tpcpjr0]{border-color:var(--lap-primary-500)}

@media(max-width:1199.98px){.prc-grid[b-w74tpcpjr0]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){.prc-grid[b-w74tpcpjr0]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){
    .prc-search[b-w74tpcpjr0]{display:flex;align-items:stretch;flex-direction:column;gap:12px;padding:20px}
    .prc-selects[b-w74tpcpjr0]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
    .prc-actions[b-w74tpcpjr0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
    [b-w74tpcpjr0] .prc-product-select,[b-w74tpcpjr0] .prc-material-select{width:100% !important;max-width:none}
    [b-w74tpcpjr0] .prc-reset-button{order:1}
    [b-w74tpcpjr0] .prc-search-button{order:2}
    .prc-grid[b-w74tpcpjr0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}
    .prc-body[b-w74tpcpjr0]{padding:12px}
    .prc-body>div[b-w74tpcpjr0]{align-items:flex-start;gap:8px;margin-top:8px}
    .prc-body img[b-w74tpcpjr0]{width:56px;height:56px}
    .prc-body p[b-w74tpcpjr0]{font-size:12px;line-height:1.6}
    .prc-modal-stage[b-w74tpcpjr0],.prc-modal-stage[b-w74tpcpjr0]  .ligi-root{min-height:54vh}
    .prc-modal-nav[b-w74tpcpjr0]{width:40px;height:40px}
    .prc-modal-nav.is-prev[b-w74tpcpjr0]{left:var(--lap-2)}
    .prc-modal-nav.is-next[b-w74tpcpjr0]{right:var(--lap-2)}
}
@media(min-width:480px) and (max-width:767.98px){.prc-grid[b-w74tpcpjr0]{margin-right:calc(var(--lap-2) * -1);margin-left:calc(var(--lap-2) * -1)}}
/* /Components/Pages/PrintRequest/PrintRequestDesignGuide.razor.rz.scp.css */
.prd-root[b-lyv5448z2n]{display:flex;flex-direction:column;gap:20px;width:min(1072px,100%);margin-inline:auto;padding-block:40px;color:var(--lap-text-main)}.prd-heading[b-lyv5448z2n]{text-align:center}.prd-heading h2[b-lyv5448z2n]{margin:0;font-size:24px;font-weight:var(--lap-fw-bold);line-height:1.5}.prd-heading p[b-lyv5448z2n]{margin:8px 0 0;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5}.prd-work-guide[b-lyv5448z2n]{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.prd-work-guide>h3[b-lyv5448z2n]{margin:0;font-size:18px;line-height:1.5;text-align:center}.prd-work-content[b-lyv5448z2n]{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;min-height:293px}.prd-guide-example[b-lyv5448z2n]{display:flex;flex-direction:column;align-items:center;gap:12px}.prd-guide-square[b-lyv5448z2n]{position:relative;width:218px;height:218px;border:1px solid var(--lap-primary-500);border-radius:8px;background:var(--lap-primary-50)}.prd-guide-square span[b-lyv5448z2n]{position:absolute;border-radius:8px}.prd-cut-line[b-lyv5448z2n]{inset:12px;border:1px dashed var(--lap-text-secondary);background:var(--lap-white)}.prd-inner-line[b-lyv5448z2n]{inset:25px;border:1px solid var(--lap-danger-400)}.prd-guide-example p[b-lyv5448z2n]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5;text-align:center}.prd-guide-legend[b-lyv5448z2n]{display:flex;flex-direction:column;align-self:stretch;justify-content:space-between}.prd-guide-legend article[b-lyv5448z2n]{display:flex;align-items:center;gap:16px}.prd-legend-swatch[b-lyv5448z2n]{flex:0 0 80px;width:80px;height:80px;border-radius:8px;background:var(--lap-white)}.prd-legend-swatch.is-outer[b-lyv5448z2n]{border:1px solid var(--lap-primary-500);background:var(--lap-primary-50)}.prd-legend-swatch.is-cut[b-lyv5448z2n]{border:1px dashed var(--lap-text-secondary)}.prd-legend-swatch.is-inner[b-lyv5448z2n]{border:1px solid var(--lap-danger-400)}.prd-guide-legend h4[b-lyv5448z2n]{margin:0 0 8px;font-size:14px;line-height:1.5}.prd-guide-legend p[b-lyv5448z2n]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.prd-card-grid[b-lyv5448z2n]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prd-card[b-lyv5448z2n]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:373px;padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.prd-card.is-wide[b-lyv5448z2n]{grid-column:1/-1}.prd-card header[b-lyv5448z2n]{display:flex;flex-direction:column;align-items:center;gap:12px}.prd-card header span[b-lyv5448z2n]{padding:4px 8px;color:var(--lap-primary-500);font-size:14px;font-weight:var(--lap-fw-bold);line-height:1.5;border-radius:100px;background:var(--lap-primary-50)}.prd-card h3[b-lyv5448z2n]{margin:0;font-size:14px;line-height:1.5}.prd-card-image[b-lyv5448z2n]{display:flex;align-items:center;justify-content:center;width:100%;height:205px;overflow:hidden;border-radius:8px}.prd-card:nth-child(1) .prd-card-image[b-lyv5448z2n],.prd-card:nth-child(2) .prd-card-image[b-lyv5448z2n],.prd-card:nth-child(5) .prd-card-image[b-lyv5448z2n]{height:176.5px}.prd-card-image img[b-lyv5448z2n]{display:block;width:100%;height:100%;object-fit:contain}.prd-card p[b-lyv5448z2n]{margin:0;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5;text-align:center;white-space:pre-line}.prd-notice[b-lyv5448z2n]{padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.prd-notice.is-primary[b-lyv5448z2n]{background:var(--lap-primary-50)}.prd-notice h3[b-lyv5448z2n]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:18px;line-height:1.5}.prd-notice h3 img[b-lyv5448z2n]{width:20px;height:20px}.prd-notice ul[b-lyv5448z2n]{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.prd-notice li[b-lyv5448z2n]{position:relative;padding-left:12px;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5}.prd-notice li[b-lyv5448z2n]::before{content:"-";position:absolute;left:0}
@media(max-width:767.98px){.prd-root[b-lyv5448z2n]{padding-block:32px}.prd-heading h2[b-lyv5448z2n]{font-size:22px}.prd-heading p br[b-lyv5448z2n]{display:none}.prd-work-content[b-lyv5448z2n]{grid-template-columns:1fr;gap:28px}.prd-guide-legend[b-lyv5448z2n]{gap:16px}.prd-card-grid[b-lyv5448z2n]{grid-template-columns:1fr}.prd-card.is-wide[b-lyv5448z2n]{grid-column:auto}.prd-card[b-lyv5448z2n]{min-height:0}.prd-card-image[b-lyv5448z2n],.prd-card:nth-child(1) .prd-card-image[b-lyv5448z2n],.prd-card:nth-child(2) .prd-card-image[b-lyv5448z2n],.prd-card:nth-child(5) .prd-card-image[b-lyv5448z2n]{height:auto;aspect-ratio:500/177}.prd-card:nth-child(3) .prd-card-image[b-lyv5448z2n],.prd-card:nth-child(4) .prd-card-image[b-lyv5448z2n]{aspect-ratio:500/205}.prd-notice h3[b-lyv5448z2n]{font-size:16px}.prd-guide-legend p br[b-lyv5448z2n]{display:none}}
@media(max-width:479.98px){.prd-root[b-lyv5448z2n]{gap:12px;padding-block:24px}.prd-heading h2[b-lyv5448z2n]{font-size:20px}.prd-heading p[b-lyv5448z2n]{font-size:13px}.prd-work-guide[b-lyv5448z2n]{padding:16px}.prd-work-guide>h3[b-lyv5448z2n]{font-size:16px}.prd-guide-square[b-lyv5448z2n]{width:190px;height:190px}.prd-legend-swatch[b-lyv5448z2n]{flex-basis:56px;width:56px;height:56px}.prd-guide-legend h4[b-lyv5448z2n]{margin-bottom:4px;font-size:13px}.prd-guide-legend p[b-lyv5448z2n],.prd-guide-example p[b-lyv5448z2n],.prd-card p[b-lyv5448z2n],.prd-notice li[b-lyv5448z2n]{font-size:13px}.prd-card[b-lyv5448z2n]{padding:16px}.prd-notice[b-lyv5448z2n]{padding:16px}.prd-notice h3[b-lyv5448z2n]{align-items:flex-start;font-size:15px}}
.prd-tabbed-details[b-lyv5448z2n]{display:flex;flex-direction:column;gap:16px}.prd-tabbed-details>h3[b-lyv5448z2n]{margin:0;font-size:18px;line-height:1.5;text-align:center}.prd-detail-tabs[b-lyv5448z2n]{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin-inline:auto;padding:5px 8px;border:1px solid var(--lap-gray-200);border-radius:100px;background:var(--lap-gray-100);overflow-x:auto}.prd-detail-tabs button[b-lyv5448z2n]{flex:0 0 auto;padding:8px 16px;border:0;border-radius:100px;background:transparent;color:var(--lap-text-secondary);font-size:16px;font-weight:var(--lap-fw-medium);line-height:1.5}.prd-detail-tabs button.is-active[b-lyv5448z2n]{background:var(--lap-white);color:var(--lap-primary-500)}.prd-tabbed-card[b-lyv5448z2n]{min-width:0;min-height:373px}.prd-tabbed-card .prd-card-image[b-lyv5448z2n]{width:min(756px,100%);height:273px}.prd-tabbed-card p[b-lyv5448z2n]{width:100%}@media(max-width:767.98px){.prd-tabbed-card .prd-card-image[b-lyv5448z2n]{height:auto;aspect-ratio:756/273}.prd-detail-tabs[b-lyv5448z2n]{justify-content:flex-start}}
.prd-notice a[b-lyv5448z2n]{color:var(--lap-text-main);text-decoration:underline;text-underline-offset:2px}
/* /Components/Pages/PrintRequest/PrintRequestFontCatalog.razor.rz.scp.css */
.prfc-root[b-miun6m7lhz]{display:flex;flex-direction:column;gap:var(--lap-5);min-width:0;color:var(--lap-text-main)}
.prfc-notice[b-miun6m7lhz]{padding:var(--lap-5);border:1px solid var(--lap-primary-200);border-radius:var(--lap-r-lg);background:var(--lap-primary-50)}
.prfc-notice h2[b-miun6m7lhz]{display:flex;align-items:center;gap:var(--lap-3);margin:0 0 var(--lap-3);font-size:var(--lap-text-size4)}.prfc-notice h2 img[b-miun6m7lhz]{width:var(--lap-5);height:var(--lap-5)}
.prfc-notice ul[b-miun6m7lhz]{display:flex;flex-direction:column;gap:var(--lap-2);margin:0;padding:0;list-style:none}.prfc-notice li[b-miun6m7lhz]{position:relative;padding-left:var(--lap-3);color:var(--lap-text-secondary);font-size:var(--lap-text-size2);line-height:1.6}.prfc-notice li[b-miun6m7lhz]::before{position:absolute;left:0;color:var(--lap-primary-500);content:"-"}
.prfc-catalog[b-miun6m7lhz]{padding:var(--lap-5);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);background:var(--lap-white)}
.prfc-catalog-head[b-miun6m7lhz]{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--lap-4)}.prfc-catalog-head h2[b-miun6m7lhz]{margin:0;font-size:var(--lap-text-size5)}
.prfc-count[b-miun6m7lhz]{display:inline-flex;align-items:center;justify-content:center;min-height:var(--lap-8);padding:0 var(--lap-3);border:1px solid var(--lap-primary-300);border-radius:var(--lap-r-max);background:var(--lap-white);color:var(--lap-primary-600);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-bold);white-space:nowrap}
.prfc-search[b-miun6m7lhz]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--lap-3);width:min(560px,100%);margin:var(--lap-5) 0}.prfc-font-grid[b-miun6m7lhz]{--bs-gutter-x:var(--lap-3);--bs-gutter-y:var(--lap-3)}
.prfc-font-card[b-miun6m7lhz]{display:flex;align-items:center;gap:var(--lap-3);min-height:var(--lap-12);padding:var(--lap-3);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-md);background:var(--lap-white);transition:border-color var(--lap-motion-fast) ease,box-shadow var(--lap-motion-fast) ease,transform var(--lap-motion-fast) ease}
.prfc-font-card:hover[b-miun6m7lhz]{border-color:var(--lap-primary-300);box-shadow:var(--lap-shadow-1);transform:translateY(-1px)}.prfc-font-card span[b-miun6m7lhz]{display:grid;place-items:center;flex:0 0 var(--lap-8);width:var(--lap-8);height:var(--lap-8);border-radius:var(--lap-r-sm);background:var(--lap-gray-100);color:var(--lap-primary-600);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-bold)}.prfc-font-card strong[b-miun6m7lhz]{min-width:0;font-size:var(--lap-text-size2);font-weight:var(--lap-fw-medium);line-height:1.5;overflow-wrap:anywhere}
.prfc-empty[b-miun6m7lhz]{padding:var(--lap-12) var(--lap-5);border:1px dashed var(--lap-gray-300);border-radius:var(--lap-r-lg);background:var(--lap-gray-50);text-align:center}.prfc-empty strong[b-miun6m7lhz]{font-size:var(--lap-text-size4)}.prfc-empty p[b-miun6m7lhz]{margin:var(--lap-2) 0 0;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2)}
@media(max-width:767.98px){.prfc-root[b-miun6m7lhz]{gap:var(--lap-3)}.prfc-notice[b-miun6m7lhz],.prfc-catalog[b-miun6m7lhz]{padding:var(--lap-4)}.prfc-catalog-head[b-miun6m7lhz]{align-items:flex-start}.prfc-catalog-head h2[b-miun6m7lhz]{font-size:var(--lap-text-size4)}.prfc-search[b-miun6m7lhz]{margin:var(--lap-4) 0}.prfc-font-card[b-miun6m7lhz]{min-height:var(--lap-11)}}
@media(max-width:479.98px){.prfc-notice li[b-miun6m7lhz],.prfc-font-card strong[b-miun6m7lhz]{font-size:var(--lap-text-size1)}.prfc-count[b-miun6m7lhz]{font-size:var(--lap-text-size1)}.prfc-search[b-miun6m7lhz]{grid-template-columns:minmax(0,1fr) 72px}}
/* /Components/Pages/PrintRequest/PrintRequestFontGuide.razor.rz.scp.css */
.prfg-page[b-4aeravelcv]{display:flex;flex-direction:column;gap:var(--lap-5);padding:var(--lap-5);color:var(--lap-text-main)}
.prfg-intro[b-4aeravelcv]{display:flex;align-items:center;gap:var(--lap-5);padding:var(--lap-6);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);background:var(--lap-white);box-shadow:var(--lap-shadow-1)}
.prfg-eyebrow[b-4aeravelcv]{display:block;margin-bottom:var(--lap-2);color:var(--lap-primary-500);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-bold);letter-spacing:.08em}
.prfg-intro h1[b-4aeravelcv]{margin:0;font-size:var(--lap-text-size5);line-height:1.4}.prfg-intro p[b-4aeravelcv]{margin:var(--lap-2) 0 0;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);line-height:1.6}
@media(max-width:767.98px){.prfg-page[b-4aeravelcv]{gap:var(--lap-3);padding:var(--lap-3) 0}.prfg-intro[b-4aeravelcv]{align-items:flex-start;padding:var(--lap-5)}.prfg-intro h1[b-4aeravelcv]{font-size:var(--lap-text-size4)}}
@media(max-width:479.98px){.prfg-intro p[b-4aeravelcv]{font-size:var(--lap-text-size1)}}
/* /Components/Pages/PrintRequest/PrintRequestILabel2Options.razor.rz.scp.css */
.pio-page[b-bis59bu6v7]{display:flex;flex-direction:column;gap:var(--lap-3)}
.pio-preview-nav[b-bis59bu6v7]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:min(1308px,100%);margin:0 auto;padding:12px 16px;border:1px solid var(--lap-primary-100);border-radius:12px;background:var(--lap-primary-50)}.pio-preview-nav strong[b-bis59bu6v7]{margin-right:4px;color:var(--lap-primary-800);font-size:13px}.pio-preview-nav a[b-bis59bu6v7]{padding:7px 11px;border:1px solid var(--lap-gray-200);border-radius:999px;background:var(--lap-white);color:var(--lap-text-secondary);font-size:12px;font-weight:700;text-decoration:none}.pio-preview-nav a:hover[b-bis59bu6v7],.pio-preview-nav a:focus-visible[b-bis59bu6v7],.pio-preview-nav a.is-active[b-bis59bu6v7]{border-color:var(--lap-primary-400);color:var(--lap-primary-700);outline:none}
.pio-load[b-bis59bu6v7],.pio-alert[b-bis59bu6v7]{width:min(1308px,100%);margin:0 auto;padding:24px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-white);color:var(--lap-text-secondary);text-align:center}
.pio-alert[b-bis59bu6v7]{border-color:var(--lap-danger-300);color:var(--lap-danger-700)}
.pio-order[b-bis59bu6v7]{display:grid;grid-template-columns:minmax(420px,616px) minmax(440px,668px);align-items:start;justify-content:center;gap:var(--lap-6);width:100%;padding:0 var(--lap-5) var(--lap-5)}
.pio-uploaded[b-bis59bu6v7]{display:flex;min-width:0;flex-direction:column;gap:var(--lap-3)}
.pio-preview-paper[b-bis59bu6v7]{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;overflow:hidden;margin:0;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white);box-shadow:var(--lap-shadow-1)}
.pio-preview-paper img[b-bis59bu6v7]{width:100%;height:100%;object-fit:contain}
.pio-preview-paper.is-continuous[b-bis59bu6v7]{aspect-ratio:4/3;padding:24px}.pio-preview-paper.is-continuous img[b-bis59bu6v7]{max-width:100%;max-height:100%}
.pio-file-card[b-bis59bu6v7]{padding:22px 24px;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white);box-shadow:var(--lap-shadow-1)}
.pio-file-card header[b-bis59bu6v7]{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--lap-gray-200)}
.pio-file-icon[b-bis59bu6v7]{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--lap-primary-50);color:var(--lap-primary-500)}
.pio-file-card h2[b-bis59bu6v7]{margin:0;font-size:18px;line-height:1.45}.pio-file-card header p[b-bis59bu6v7]{margin:2px 0 0;color:var(--lap-text-tertiary);font-size:12px;line-height:1.5}
.pio-file-name[b-bis59bu6v7]{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px 0 14px}.pio-file-name span[b-bis59bu6v7],.pio-file-card dt[b-bis59bu6v7]{color:var(--lap-text-tertiary);font-size:13px}.pio-file-name strong[b-bis59bu6v7]{overflow-wrap:anywhere;font-size:14px}
.pio-file-card dl[b-bis59bu6v7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.pio-file-card dl div[b-bis59bu6v7]{display:flex;min-width:0;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:var(--lap-gray-50)}.pio-file-card dd[b-bis59bu6v7]{overflow-wrap:anywhere;margin:0;color:var(--lap-text-primary);font-size:14px;font-weight:700}
.pio-option-card[b-bis59bu6v7]{display:flex;min-width:0;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white);box-shadow:var(--lap-shadow-1)}
.pio-option-heading h1[b-bis59bu6v7]{margin:0;font-size:30px;line-height:1.4}.pio-option-heading p[b-bis59bu6v7]{margin:6px 0 0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.pio-divider[b-bis59bu6v7]{height:1px;background:var(--lap-gray-200)}
.pio-material-section[b-bis59bu6v7],.pio-quantity-section[b-bis59bu6v7],.pio-output-section[b-bis59bu6v7]{display:flex;min-width:0;flex-direction:column;gap:10px}.pio-section-heading[b-bis59bu6v7]{display:flex;align-items:center;justify-content:space-between;gap:16px}.pio-section-heading h2[b-bis59bu6v7],.pio-quantity-section>h2[b-bis59bu6v7],.pio-output-section>h2[b-bis59bu6v7]{margin:0;font-size:18px;line-height:1.5}
.pio-prosumer-link[b-bis59bu6v7]{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--lap-primary-600);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.pio-prosumer-link img[b-bis59bu6v7]{width:auto;height:18px}
.pio-material-filter[b-bis59bu6v7]{padding:12px 14px;border:1px solid var(--lap-gray-200);border-bottom:0;border-radius:10px 10px 0 0;background:var(--lap-gray-50)}
.pio-material-list[b-bis59bu6v7]{overflow:hidden;border:1px solid var(--lap-gray-300);border-radius:10px;background:var(--lap-white)}.pio-material-list.has-filter[b-bis59bu6v7]{border-radius:0 0 10px 10px}
.pio-material-list[b-bis59bu6v7]  .lms-root{max-height:318px}.pio-material-list[b-bis59bu6v7]  .lms-item{min-height:62px}.pio-material-list[b-bis59bu6v7]  .lms-thumbnail,.pio-material-list[b-bis59bu6v7]  .lms-swatch{width:42px;height:42px}
.pio-inline-status[b-bis59bu6v7],.pio-disabled-selector[b-bis59bu6v7]{width:100%;min-height:48px;margin:0;padding:13px 14px;border:1px solid var(--lap-gray-300);border-radius:8px;background:var(--lap-gray-50);color:var(--lap-text-tertiary);font:inherit;font-size:14px;text-align:left}
.pio-option-card[b-bis59bu6v7]  .lqsel-root{width:100%}.pio-option-card[b-bis59bu6v7]  .lqsel-trigger{min-height:52px;padding:12px 14px}.pio-option-card[b-bis59bu6v7]  .lqsel-choice{min-height:58px;padding:12px 14px}
.pio-stepper-field[b-bis59bu6v7]{display:flex;flex-direction:column;gap:12px}.pio-stepper-heading[b-bis59bu6v7]{display:flex;align-items:center;gap:12px}.pio-stepper-heading>strong[b-bis59bu6v7]{font-size:18px;font-weight:var(--lap-fw-bold);line-height:1.5}.pio-stepper-field>p[b-bis59bu6v7]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.pio-minimum-notice[b-bis59bu6v7]{display:flex;align-items:center;gap:8px;padding:16px;border-radius:6px;background:var(--lap-information-50);color:var(--lap-text-primary);font-size:14px;line-height:1.5}.pio-minimum-notice span[b-bis59bu6v7]{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:2px solid var(--lap-information-500);border-radius:50%;color:var(--lap-information-500);font-size:12px;font-weight:700}
.pio-custom-quantity[b-bis59bu6v7]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:88px;padding:16px;border-bottom:1px solid var(--lap-gray-200);background:var(--lap-gray-50)}.pio-custom-entry[b-bis59bu6v7]{display:flex;flex-direction:column;gap:8px}.pio-custom-entry>strong[b-bis59bu6v7]{font-size:14px}.pio-custom-entry>span[b-bis59bu6v7]{display:flex;gap:8px}.pio-custom-entry input[b-bis59bu6v7]{width:120px;height:36px;padding:0 12px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white)}.pio-custom-price[b-bis59bu6v7]{display:flex;align-items:flex-end;flex-direction:column;gap:2px;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);text-align:right}.pio-custom-price strong[b-bis59bu6v7]{color:var(--lap-color-primary);font-size:var(--lap-text-size4)}
.pio-design-information[b-bis59bu6v7]{margin:0;color:var(--lap-text-primary);font-size:16px!important;font-weight:var(--lap-fw-bold);line-height:1.5}.pio-design-information em[b-bis59bu6v7]{color:var(--lap-danger-500);font-style:normal}
.pio-imposition[b-bis59bu6v7]{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:12px;min-height:150px;padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.pio-output-controls[b-bis59bu6v7]{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.pio-output-controls p[b-bis59bu6v7]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.pio-imposition img[b-bis59bu6v7]{width:110px;height:110px;background:var(--lap-white);object-fit:contain}
.pio-inline-error[b-bis59bu6v7],.pio-cart-message[b-bis59bu6v7]{margin:0;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.5}.pio-inline-error[b-bis59bu6v7]{background:var(--lap-danger-50);color:var(--lap-danger-700)}.pio-cart-message[b-bis59bu6v7]{margin-top:-8px;background:var(--lap-primary-50);color:var(--lap-primary-700);text-align:center}
.pio-price[b-bis59bu6v7]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--lap-gray-200)}.pio-price>span[b-bis59bu6v7]{color:var(--lap-text-primary);font-size:18px;font-weight:700}.pio-price strong[b-bis59bu6v7]{display:flex;flex-direction:column;align-items:flex-end;color:var(--lap-danger-500);font-size:18px;line-height:1.5}.pio-price small[b-bis59bu6v7]{color:var(--lap-text-secondary);font-size:12px;font-weight:500}
.pio-modal-copy[b-bis59bu6v7]{display:flex;flex-direction:column;gap:12px}.pio-modal-copy p[b-bis59bu6v7]{margin:0;color:var(--lap-text-secondary);line-height:1.7}
@media(max-width:991.98px){.pio-order[b-bis59bu6v7]{grid-template-columns:minmax(0,668px);padding-inline:0}.pio-uploaded[b-bis59bu6v7],.pio-option-card[b-bis59bu6v7]{width:100%;margin-inline:auto}}
@media(max-width:767.98px){.pio-preview-nav[b-bis59bu6v7]{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.pio-preview-nav strong[b-bis59bu6v7],.pio-preview-nav a[b-bis59bu6v7]{flex:0 0 auto}.pio-order[b-bis59bu6v7]{gap:var(--lap-4);padding-bottom:var(--lap-4)}.pio-preview-paper[b-bis59bu6v7],.pio-file-card[b-bis59bu6v7],.pio-option-card[b-bis59bu6v7]{border-radius:12px}.pio-preview-paper.is-continuous[b-bis59bu6v7]{padding:16px}.pio-file-card[b-bis59bu6v7],.pio-option-card[b-bis59bu6v7]{padding:var(--lap-4)}.pio-option-heading h1[b-bis59bu6v7]{font-size:24px}.pio-imposition[b-bis59bu6v7]{grid-template-columns:minmax(0,1fr) 96px;padding:16px}.pio-imposition img[b-bis59bu6v7]{width:96px;height:96px}.pio-price strong[b-bis59bu6v7]{font-size:21px}}
@media(max-width:575.98px){.pio-stepper-heading>strong[b-bis59bu6v7]{font-size:16px}}
@media(max-width:479.98px){.pio-file-card header[b-bis59bu6v7]{grid-template-columns:40px minmax(0,1fr)}.pio-file-card header[b-bis59bu6v7]  .lsc-root{grid-column:2;justify-self:start}.pio-file-card dl[b-bis59bu6v7]{grid-template-columns:1fr}.pio-file-name[b-bis59bu6v7]{grid-template-columns:64px minmax(0,1fr)}.pio-imposition[b-bis59bu6v7]{grid-template-columns:1fr}.pio-imposition img[b-bis59bu6v7]{justify-self:center}.pio-price[b-bis59bu6v7]{align-items:flex-start}.pio-price strong[b-bis59bu6v7]{font-size:19px}}
/* /Components/Pages/PrintRequest/PrintRequestILabel2Upload.razor.rz.scp.css */
.pru-page[b-xjj5qnt7ez]{display:flex;flex-direction:column;gap:12px}.pru-panel[b-xjj5qnt7ez]{padding:40px 248px;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white)}.pru-content[b-xjj5qnt7ez]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:1120px;margin-inline:auto}.pru-heading[b-xjj5qnt7ez]{text-align:center}.pru-heading h1[b-xjj5qnt7ez],.pru-heading h2[b-xjj5qnt7ez]{margin:0;font-size:24px;font-weight:var(--lap-fw-bold);line-height:1.5}.pru-heading p[b-xjj5qnt7ez]{margin:8px 0 0;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5}.pru-upload-form[b-xjj5qnt7ez]{margin:0}.pru-dropzone[b-xjj5qnt7ez]{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:354px;padding:40px 20px 44px;border:1px dashed var(--lap-gray-500);border-radius:20px;background:var(--lap-gray-50);transition:border-color .15s ease,background-color .15s ease}.pru-dropzone.is-dragging[b-xjj5qnt7ez]{border-color:var(--lap-primary-500);background:var(--lap-primary-50)}.pru-dropzone.is-complete[b-xjj5qnt7ez]{border-color:var(--lap-primary-300)}.pru-dropzone>img[b-xjj5qnt7ez]{width:150px;height:150px;object-fit:contain}.pru-drop-copy[b-xjj5qnt7ez]{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pru-drop-copy strong[b-xjj5qnt7ez]{font-size:18px;line-height:1.5}.pru-drop-copy span[b-xjj5qnt7ez]{color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5;overflow-wrap:anywhere}.pru-file-input[b-xjj5qnt7ez]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pru-progress[b-xjj5qnt7ez]{position:absolute;right:20px;bottom:-31px;left:20px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--lap-primary-500)}.pru-progress>span[b-xjj5qnt7ez]{display:block;width:300px;max-width:60%;height:4px;overflow:hidden;border-radius:100px;background:var(--lap-gray-200)}.pru-progress i[b-xjj5qnt7ez]{display:block;height:100%;border-radius:inherit;background:var(--lap-primary-500);transition:width .15s linear}.pru-progress small[b-xjj5qnt7ez]{font-size:12px;font-weight:var(--lap-fw-medium);line-height:1.5}.pru-notice[b-xjj5qnt7ez]{margin-top:32px;padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.pru-notice h2[b-xjj5qnt7ez]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:18px;line-height:1.5}.pru-notice h2 img[b-xjj5qnt7ez]{width:20px;height:20px}.pru-notice ul[b-xjj5qnt7ez]{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.pru-notice li[b-xjj5qnt7ez]{position:relative;padding-left:12px;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5}.pru-notice li[b-xjj5qnt7ez]::before{position:absolute;left:0;content:"-"}.pru-notice a[b-xjj5qnt7ez]{margin-left:8px;color:var(--lap-text-primary);text-decoration:underline;text-underline-offset:2px}.pru-file-summary[b-xjj5qnt7ez]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:16px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.pru-file-summary div[b-xjj5qnt7ez]{min-width:0;padding:0 16px;border-right:1px solid var(--lap-gray-200)}.pru-file-summary div:last-child[b-xjj5qnt7ez]{border-right:0}.pru-file-summary dt[b-xjj5qnt7ez]{color:var(--lap-text-tertiary);font-size:12px;font-weight:var(--lap-fw-medium)}.pru-file-summary dd[b-xjj5qnt7ez]{margin:4px 0 0;font-size:14px;font-weight:var(--lap-fw-bold);overflow-wrap:anywhere}.pru-preview[b-xjj5qnt7ez]{display:flex;align-items:center;justify-content:center;min-height:780px;padding:40px 20px;border:1px dashed var(--lap-gray-500);border-radius:20px;background:var(--lap-gray-50)}.pru-preview img[b-xjj5qnt7ez]{display:block;width:min(494px,100%);height:700px;object-fit:contain}.pru-alert[b-xjj5qnt7ez]{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:6px;color:var(--lap-text-primary);font-size:14px;line-height:1.5}.pru-alert p[b-xjj5qnt7ez]{margin:0}.pru-alert img[b-xjj5qnt7ez],.pru-alert>span[b-xjj5qnt7ez]{flex:0 0 24px;width:24px;height:24px}.pru-alert>span[b-xjj5qnt7ez]{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lap-danger-500);color:var(--lap-white);font-weight:var(--lap-fw-bold)}.pru-alert.is-info[b-xjj5qnt7ez]{background:var(--lap-information-50)}.pru-alert.is-danger[b-xjj5qnt7ez]{background:var(--lap-danger-50)}.pru-confirmation[b-xjj5qnt7ez]{display:flex;flex-direction:column;gap:8px}.pru-confirmation[b-xjj5qnt7ez]  .lc-root{min-height:44px;padding:8px 16px}.pru-actions[b-xjj5qnt7ez]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
@media(max-width:1399.98px){.pru-panel[b-xjj5qnt7ez]{padding-right:80px;padding-left:80px}}
@media(max-width:991.98px){.pru-panel[b-xjj5qnt7ez]{padding-right:32px;padding-left:32px}.pru-file-summary[b-xjj5qnt7ez]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pru-file-summary div[b-xjj5qnt7ez]{border-right:0}.pru-preview[b-xjj5qnt7ez]{min-height:0}.pru-preview img[b-xjj5qnt7ez]{height:auto;max-height:700px}}
@media(max-width:767.98px){.pru-page[b-xjj5qnt7ez]{gap:8px}.pru-panel[b-xjj5qnt7ez]{padding:32px 20px;border-radius:12px}.pru-heading h1[b-xjj5qnt7ez],.pru-heading h2[b-xjj5qnt7ez]{font-size:22px}.pru-heading p br[b-xjj5qnt7ez]{display:none}.pru-dropzone[b-xjj5qnt7ez]{min-height:0;padding:28px 16px 40px}.pru-dropzone>img[b-xjj5qnt7ez]{width:112px;height:112px}.pru-progress[b-xjj5qnt7ez]{right:16px;bottom:-31px;left:16px}.pru-notice[b-xjj5qnt7ez]{margin-top:32px;padding:16px}.pru-notice h2[b-xjj5qnt7ez]{font-size:16px}.pru-notice li[b-xjj5qnt7ez]{font-size:13px}.pru-file-summary[b-xjj5qnt7ez]{grid-template-columns:1fr}.pru-file-summary div[b-xjj5qnt7ez]{padding:0}.pru-preview[b-xjj5qnt7ez]{padding:24px 16px}.pru-alert[b-xjj5qnt7ez]{align-items:flex-start;height:auto}.pru-actions[b-xjj5qnt7ez]{grid-template-columns:1fr}}

/* 업로드와 외부 IDF 처리 상태를 버튼 바로 아래에서 하나의 안정적인 진행 카드로 보여준다. */
.pru-progress[b-xjj5qnt7ez]{position:static;right:auto;bottom:auto;left:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(560px,100%);margin-top:4px;padding:18px 20px;border:1px solid var(--lap-primary-100);border-radius:var(--lap-r-xl);background:var(--lap-white);box-shadow:var(--lap-shadow-2);color:var(--lap-text-main)}
.pru-progress-head[b-xjj5qnt7ez]{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pru-progress-head span[b-xjj5qnt7ez]{font-size:14px;font-weight:var(--lap-fw-bold);line-height:1.5}
.pru-progress-head strong[b-xjj5qnt7ez]{flex:0 0 auto;color:var(--lap-primary-500);font-size:18px;line-height:1}
.pru-progress-track[b-xjj5qnt7ez]{width:100%;height:12px;overflow:hidden;border:1px solid var(--lap-primary-100);border-radius:var(--lap-r-max);background:var(--lap-primary-50)}
.pru-progress-track i[b-xjj5qnt7ez]{position:relative;display:block;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,var(--lap-primary-400),var(--lap-primary-500));box-shadow:0 0 12px var(--lap-primary-200);transition:width .7s cubic-bezier(.22,1,.36,1)}
.pru-progress-track i[b-xjj5qnt7ez]::after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.5) 45%,transparent 65%);content:"";transform:translateX(-100%);animation:pru-progress-shine-b-xjj5qnt7ez 2.4s ease-in-out infinite}
.pru-progress small[b-xjj5qnt7ez]{color:var(--lap-text-tertiary);font-size:12px;font-weight:var(--lap-fw-medium);line-height:1.5;text-align:left}
@keyframes pru-progress-shine-b-xjj5qnt7ez{0%,35%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}

/* A4 계열 미리보기는 실제 용지 비율과 제품 상세 제원 이미지 수준의 큰 폭을 사용한다. */
.pru-preview-panel[b-xjj5qnt7ez]{scroll-margin-top:24px}
.pru-preview[b-xjj5qnt7ez]{display:flex;align-items:flex-start;justify-content:center;min-height:0;padding:56px 32px;border:1px solid var(--lap-gray-200);border-radius:20px;background:linear-gradient(145deg,var(--lap-gray-100),var(--lap-gray-50))}
.pru-preview-paper[b-xjj5qnt7ez]{display:flex;align-items:center;justify-content:center;width:min(760px,100%);margin:0;overflow:hidden;border:1px solid var(--lap-gray-200);background:var(--lap-white);box-shadow:var(--lap-shadow-4)}
.pru-preview-paper.is-sheet[b-xjj5qnt7ez]{aspect-ratio:210/297}
.pru-preview-paper.is-continuous[b-xjj5qnt7ez]{min-height:560px}
.pru-preview .pru-preview-paper img[b-xjj5qnt7ez]{display:block;width:100%;max-width:none;height:100%;max-height:none;object-fit:contain}

@media(max-width:767.98px){.pru-progress[b-xjj5qnt7ez]{width:100%;padding:16px}.pru-progress-head[b-xjj5qnt7ez]{align-items:flex-start}.pru-preview-panel[b-xjj5qnt7ez]{scroll-margin-top:16px}.pru-preview[b-xjj5qnt7ez]{padding:28px 12px}.pru-preview-paper.is-continuous[b-xjj5qnt7ez]{min-height:320px}}
@media(prefers-reduced-motion:reduce){.pru-progress-track i[b-xjj5qnt7ez]{transition:none}.pru-progress-track i[b-xjj5qnt7ez]::after{animation:none}}

/* 글꼴 안내 링크는 본문 흐름을 유지하면서 hover·키보드 포커스에서만 또렷하게 강조한다. */
.pru-notice .pru-font-guide-link[b-xjj5qnt7ez]{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;border:0;border-radius:var(--lap-r-max);background:transparent;color:var(--lap-primary-600);font-weight:var(--lap-fw-bold);text-decoration:none;transition:color .15s ease,background-color .15s ease,transform .15s ease}
.pru-notice .pru-font-guide-link:hover[b-xjj5qnt7ez]{color:var(--lap-primary-700);background:var(--lap-primary-100);transform:translateX(2px)}
.pru-notice .pru-font-guide-link:focus-visible[b-xjj5qnt7ez]{color:var(--lap-primary-700);background:var(--lap-primary-100);outline:2px solid var(--lap-primary-300);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.pru-notice .pru-font-guide-link[b-xjj5qnt7ez]{transition:none}.pru-notice .pru-font-guide-link:hover[b-xjj5qnt7ez]{transform:none}}
/* /Components/Pages/PrintRequest/PrintRequestImageGallery.razor.rz.scp.css */
.prig-root[b-dt0urf1qb6] {
    width: 100%;
    min-width: 0;
}

/* 세로형 원본은 비율을 유지한 채 좌우 여백이 사라지는 최소 배율까지만 확대한다. */
.prig-root[b-dt0urf1qb6]  .ligi-root.is-main img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

/* 라벨스페이스 템플릿은 세로·가로 원본 전체가 보이도록 자르지 않는다. */
.prig-root.is-contain[b-dt0urf1qb6]  .ligi-root.is-main img {
    object-fit: contain;
}

/* 선택 디자인은 이미지 크기를 유지하고 같은 카드 안에 정보 푸터를 이어 붙인다. */
.prig-root.has-info[b-dt0urf1qb6] {
    overflow:hidden;
    border:1px solid var(--lap-gray-200);
    border-radius:var(--lap-r-xl);
    background:var(--lap-white);
}

.prig-root.has-info[b-dt0urf1qb6]  .lig-main-image {
    border:0;
    border-radius:0;
}

/* 좌우 배치에서는 오른쪽 옵션 카드 하단과 맞도록 이미지 무대만 살짝 낮춘다. */
@media (min-width:992px) {
    .prig-root.has-info[b-dt0urf1qb6]  .lig-main-image {
        aspect-ratio:1.08 / 1;
    }
}

.prig-info[b-dt0urf1qb6] {
    position:relative;
    display:flex;
    min-height:121px;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:20px;
    background:var(--lap-white);
}

.prig-info[b-dt0urf1qb6]::before {
    position:absolute;
    top:0;
    right:20px;
    left:20px;
    height:1px;
    background:var(--lap-gray-200);
    content:"";
}

.prig-info-label[b-dt0urf1qb6] {
    color:var(--lap-color-primary);
    font-size:12px;
    font-weight:var(--lap-fw-bold);
    line-height:1.5;
}

.prig-info h1[b-dt0urf1qb6] {
    margin:0;
    color:var(--lap-text-main);
    font-size:20px;
    line-height:1.5;
}

.prig-info-tags[b-dt0urf1qb6] {
    display:flex;
    flex-wrap:wrap;
    gap:var(--lap-1);
    margin-top:2px;
}

.prig-info-tags span[b-dt0urf1qb6] {
    display:inline-flex;
    align-items:center;
    min-height:var(--lap-7);
    padding:0 var(--lap-2);
    color:var(--lap-text-secondary);
    font-size:var(--lap-text-size1);
    border:1px solid var(--lap-gray-300);
    border-radius:var(--lap-r-max);
    background:var(--lap-white);
}

@media (max-width:767.98px) {
    .prig-info[b-dt0urf1qb6] { gap:12px; }
    .prig-info h1[b-dt0urf1qb6] { font-size:18px; }
}
/* /Components/Pages/PrintRequest/PrintRequestIntro.razor.rz.scp.css */
.pri-page[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 24px;
    color: var(--lap-text-main);
    background: var(--lap-gray-50);
}

.pri-hero[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(8px, .75vw, 12px);
    width: 100%;
    min-height: clamp(260px, 21.5vw, 344px);
    padding: clamp(12px, 1.25vw, 20px);
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(102.387deg, var(--lap-primary-50) 0%, var(--lap-white) 29.804%, var(--lap-primary-50) 44.705%, var(--lap-primary-100) 74.509%, var(--lap-primary-200) 99.345%);
}

.pri-hero-copy[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(12px, 1.25vw, 20px);
    min-width: 0;
}

.pri-hero-title[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(8px, .75vw, 12px);
    padding-block: clamp(8px, .75vw, 12px);
}

.pri-hero-title > span[b-bagdgiwazh],
.pri-request-cta span[b-bagdgiwazh] {
    color: var(--lap-primary-500);
    font-size: 12px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pri-hero-title > span[b-bagdgiwazh] {
    font-size: clamp(10px, .75vw, 12px);
}

.pri-hero-title h1[b-bagdgiwazh],
.pri-hero-title h2[b-bagdgiwazh],
.pri-hero-title p[b-bagdgiwazh],
.pri-section-title h2[b-bagdgiwazh],
.pri-section-title p[b-bagdgiwazh],
.pri-request-cta h2[b-bagdgiwazh],
.pri-request-cta p[b-bagdgiwazh] {
    margin: 0;
}

.pri-hero-title h1[b-bagdgiwazh] {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pri-hero-title h2[b-bagdgiwazh] {
    max-width: 100%;
    font-size: clamp(28px, 2.5vw, 40px);
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    letter-spacing: 0;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.pri-hero-title p[b-bagdgiwazh] {
    color: var(--lap-text-secondary);
    font-size: clamp(12px, .875vw, 14px);
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pri-hero-actions[b-bagdgiwazh] {
    display: flex;
    gap: clamp(8px, 1.5vw, 24px);
}

.pri-hero-actions[b-bagdgiwazh]  .lb-root.lb-w-big.lb-s48 {
    flex: 1 1 0;
    width: min(240px, 100%);
    min-width: 0;
    max-width: 240px;
    height: clamp(36px, 3vw, 48px);
    padding-inline: clamp(10px, 1vw, 16px);
    font-size: clamp(13px, 1vw, 16px);
}

.pri-hero-gallery[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: minmax(0, 2.027fr) repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-content: center;
    justify-content: center;
    gap: clamp(4px, .5vw, 8px) clamp(6px, .75vw, 12px);
    width: 100%;
    max-width: 790px;
    min-width: 0;
    aspect-ratio: 790 / 308;
    justify-self: end;
}

.pri-hero-gallery img[b-bagdgiwazh] {
    width: 100%;
    height: 100%;
    min-width: 0;
    object-fit: cover;
    border-radius: clamp(10px, 1.25vw, 20px);
}

.pri-hero-gallery .pri-hero-main[b-bagdgiwazh] {
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
}

.pri-section[b-bagdgiwazh] {
    width: 100%;
    padding: 40px 248px;
}

.pri-design-section[b-bagdgiwazh] {
    width: 100%;
    padding: 40px 0 80px;
}

.pri-section-title[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
}

.pri-section-title h2[b-bagdgiwazh] {
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.pri-section-title p[b-bagdgiwazh] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pri-problem-grid[b-bagdgiwazh],
.pri-benefit-grid[b-bagdgiwazh] {
    width: min(1120px, 100%);
    margin-inline: auto;
}

.pri-problem-grid[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.pri-problem-card[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-width: 0;
    padding: 20px;
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
}

.pri-problem-card img[b-bagdgiwazh] {
    width: 200px;
    height: 200px;
    object-fit: contain;
    border-radius: 8px;
}

.pri-problem-card span[b-bagdgiwazh] {
    width: 50px;
    border-top: 2px solid var(--lap-primary-300);
}

.pri-problem-card h3[b-bagdgiwazh] {
    margin: 0;
    font-size: 18px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    text-align: center;
}

.pri-benefit-section[b-bagdgiwazh] {
    padding-bottom: 40px;
}

.pri-benefit-grid[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    padding-top: 12px;
}

.pri-benefit-card[b-bagdgiwazh] {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    box-shadow: var(--lap-shadow-3);
}

.pri-benefit-card:nth-child(4)[b-bagdgiwazh] {
    grid-column: 2 / span 2;
}

.pri-benefit-card:nth-child(5)[b-bagdgiwazh] {
    grid-column: 4 / span 2;
}

.pri-benefit-card > img[b-bagdgiwazh] {
    width: 100%;
    height: 313.6px;
    object-fit: cover;
}

.pri-benefit-copy[b-bagdgiwazh] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
}

.pri-benefit-copy span[b-bagdgiwazh] {
    color: var(--lap-primary-500);
    font-size: 14px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pri-benefit-copy h3[b-bagdgiwazh] {
    margin: -8px 0 0;
    font-size: 18px;
    line-height: 1.5;
}

.pri-benefit-copy p[b-bagdgiwazh] {
    margin: 0;
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pri-step-section[b-bagdgiwazh] {
    width: 100%;
    padding-block: 40px;
}

.pri-program-tabs[b-bagdgiwazh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: max-content;
    height: 50px;
    margin: 0 auto 12px;
    padding: 8px;
    border: 1px solid var(--lap-gray-200);
    border-radius: 999px;
    background: var(--lap-gray-100);
}

.pri-program-tabs button[b-bagdgiwazh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 155px;
    height: 40px;
    padding-inline: 16px;
    color: var(--lap-text-secondary);
    font-size: 16px;
    font-weight: var(--lap-fw-medium);
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}

.pri-program-tabs button.is-active[b-bagdgiwazh] {
    color: var(--lap-primary-500);
    background: var(--lap-white);
}

.pri-carousel[b-bagdgiwazh] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, 442px) minmax(480px, 628px) minmax(280px, 442px);
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 520px;
    overflow: hidden;
}

.pri-step-card[b-bagdgiwazh] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 20px;
    color: var(--lap-text-main);
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: var(--lap-white);
}

.pri-step-side[b-bagdgiwazh] {
    opacity: .92;
    transform: scale(.94);
    transition: opacity var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease;
}

.pri-step-side:hover[b-bagdgiwazh],
.pri-step-side:focus-visible[b-bagdgiwazh] {
    opacity: 1;
    transform: scale(.96);
    outline: 2px solid var(--lap-primary-300);
    outline-offset: 2px;
}

.pri-step-card-trigger[b-bagdgiwazh] {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
}

.pri-step-card-trigger:focus-visible[b-bagdgiwazh] {
    outline: 2px solid var(--lap-primary-300);
    outline-offset: 2px;
}

.pri-step-main[b-bagdgiwazh] {
    width: 100%;
    min-height: 500px;
    box-shadow: var(--lap-shadow-3);
}

.pri-step-heading[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.pri-step-heading span[b-bagdgiwazh] {
    padding: 4px 8px;
    color: var(--lap-primary-500);
    font-size: 14px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    border-radius: 999px;
    background: var(--lap-primary-50);
}

.pri-step-heading strong[b-bagdgiwazh] {
    color: var(--lap-text-main);
    font-size: 14px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pri-step-main .pri-step-heading strong[b-bagdgiwazh] {
    color: var(--lap-primary-500);
}

.pri-step-image[b-bagdgiwazh] {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--lap-gray-200);
    border-radius: 20px;
    background: var(--lap-white);
}

.pri-step-side .pri-step-image[b-bagdgiwazh] {
    height: 280px;
}

.pri-step-main .pri-step-image[b-bagdgiwazh] {
    height: 396px;
}

.pri-step-image img[b-bagdgiwazh] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pri-step-card > p[b-bagdgiwazh] {
    min-height: 42px;
    margin: 0;
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
    text-align: center;
    white-space: pre-line;
}

.pri-carousel-arrow[b-bagdgiwazh] {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--lap-text-secondary);
    border: 1px solid var(--lap-gray-200);
    border-radius: 50%;
    background: var(--lap-white);
    box-shadow: var(--lap-shadow-2);
    cursor: pointer;
    transform: translateY(-50%);
}

.pri-carousel-prev[b-bagdgiwazh] {
    left: calc(50% - 334px);
}

.pri-carousel-next[b-bagdgiwazh] {
    right: calc(50% - 334px);
}

.pri-carousel-position[b-bagdgiwazh] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.pri-carousel-position button[b-bagdgiwazh] {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--lap-gray-300);
    cursor: pointer;
}

.pri-carousel-position button.is-active[b-bagdgiwazh] {
    width: 20px;
    border-radius: 999px;
    background: var(--lap-primary-500);
}

.pri-design-section[b-bagdgiwazh] {
    padding-top: 40px;
    padding-bottom: 80px;
}

.pri-design-grid[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.pri-design-card[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(140deg, var(--lap-white) 58.423%, var(--lap-primary-50) 58.425%, var(--lap-primary-100) 72.637%);
}

.pri-design-card > img[b-bagdgiwazh] {
    width: auto;
    height: 31px;
    object-fit: contain;
}

.pri-design-card h3[b-bagdgiwazh] {
    margin: 0;
    font-size: 18px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pri-design-card > div[b-bagdgiwazh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.pri-design-card p[b-bagdgiwazh] {
    margin: 0;
    color: var(--lap-text-tertiary);
    font-size: 12px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pri-request-cta[b-bagdgiwazh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(244px, 1fr);
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 20px;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(135.297deg, var(--lap-primary-50) 40.91%, var(--lap-white) 51.115%, var(--lap-primary-50) 51.115%, var(--lap-primary-100) 59.132%);
}

.pri-request-cta > div[b-bagdgiwazh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-block: 12px;
}

.pri-request-cta h2[b-bagdgiwazh] {
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.pri-request-cta p[b-bagdgiwazh] {
    color: var(--lap-text-secondary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pri-request-cta[b-bagdgiwazh]  .lb-root {
    justify-self: end;
}

@media (max-width: 1439.98px) {
    .pri-section[b-bagdgiwazh] {
        padding-inline: clamp(40px, 8vw, 160px);
    }

    .pri-carousel[b-bagdgiwazh] {
        grid-template-columns: minmax(240px, 1fr) minmax(460px, 1.42fr) minmax(240px, 1fr);
    }
}

@media (max-width: 1199.98px) {
    .pri-hero[b-bagdgiwazh] {
        grid-template-columns: 1fr;
    }

    .pri-hero-actions[b-bagdgiwazh] {
        flex-direction: column;
        gap: 8px;
        width: min(100%, 504px);
    }

    .pri-hero-actions[b-bagdgiwazh]  .lb-root.lb-w-big.lb-s48 {
        flex: none;
        width: 100%;
        max-width: none;
        height: 48px;
        padding-inline: 16px;
        font-size: 16px;
    }

    .pri-hero-gallery[b-bagdgiwazh] {
        justify-self: center;
    }
}

@media (max-width: 991.98px) {
    .pri-hero-gallery img:not(.pri-hero-main)[b-bagdgiwazh] {
        width: 100%;
    }

    .pri-section[b-bagdgiwazh] {
        padding-inline: 0;
    }

    .pri-benefit-grid[b-bagdgiwazh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pri-benefit-card[b-bagdgiwazh],
    .pri-benefit-card:nth-child(4)[b-bagdgiwazh],
    .pri-benefit-card:nth-child(5)[b-bagdgiwazh] {
        grid-column: auto;
    }

    .pri-benefit-card:last-child[b-bagdgiwazh] {
        grid-column: 1 / 3;
        width: calc(50% - 6px);
        justify-self: center;
    }

    .pri-carousel[b-bagdgiwazh] {
        grid-template-columns: minmax(0, 1fr);
        width: min(628px, 100%);
        margin-inline: auto;
    }

    .pri-step-side[b-bagdgiwazh] {
        display: none;
    }

    .pri-carousel-prev[b-bagdgiwazh] {
        left: 12px;
    }

    .pri-carousel-next[b-bagdgiwazh] {
        right: 12px;
    }
}

@media (max-width: 767.98px) {
    .pri-page[b-bagdgiwazh] {
        padding: 0;
    }

    .pri-hero[b-bagdgiwazh] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .pri-hero-title h2[b-bagdgiwazh] {
        font-size: clamp(28px, 6vw, 36px);
    }

    .pri-hero-actions[b-bagdgiwazh] {
        width: 100%;
    }

    .pri-hero-actions[b-bagdgiwazh]  .lb-root {
        width: 100%;
    }

    .pri-hero-gallery[b-bagdgiwazh] {
        grid-template-columns: repeat(3, minmax(0, 150px));
        grid-template-rows: 296px repeat(2, 150px);
        justify-content: space-between;
        gap: 12px 0;
        aspect-ratio: auto;
        overflow: visible;
    }

    .pri-hero-gallery .pri-hero-main[b-bagdgiwazh] {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        height: 296px;
    }

    .pri-hero-gallery img:not(.pri-hero-main)[b-bagdgiwazh] {
        width: min(150px, 100%);
        height: 150px;
    }

    .pri-hero + .pri-section[b-bagdgiwazh] {
        padding-block: 20px;
    }

    .pri-problem-grid[b-bagdgiwazh],
    .pri-benefit-grid[b-bagdgiwazh],
    .pri-design-grid[b-bagdgiwazh] {
        grid-template-columns: 1fr;
    }

    .pri-problem-grid[b-bagdgiwazh],
    .pri-benefit-grid[b-bagdgiwazh] {
        width: min(480px, 100%);
    }

    .pri-benefit-section[b-bagdgiwazh] {
        padding-block: 40px;
    }

    .pri-benefit-card:last-child[b-bagdgiwazh] {
        grid-column: auto;
        width: 100%;
    }

    .pri-benefit-card > img[b-bagdgiwazh] {
        height: auto;
        aspect-ratio: 300 / 313.6;
    }

    .pri-program-tabs[b-bagdgiwazh] {
        gap: 4px;
        width: min(326px, 100%);
    }

    .pri-program-tabs button[b-bagdgiwazh] {
        flex: 1;
        min-width: 0;
        padding-inline: 8px;
        font-size: 14px;
    }

    .pri-step-main[b-bagdgiwazh] {
        width: min(480px, 100%);
        min-height: 395px;
        margin-inline: auto;
    }

    .pri-step-main .pri-step-image[b-bagdgiwazh] {
        height: auto;
        aspect-ratio: 214 / 135;
    }

    .pri-carousel[b-bagdgiwazh] {
        width: 100%;
        min-height: 395px;
    }

    .pri-carousel-prev[b-bagdgiwazh] {
        left: 8px;
    }

    .pri-carousel-next[b-bagdgiwazh] {
        right: 8px;
    }

    .pri-carousel-position[b-bagdgiwazh] {
        display: none;
    }

    .pri-design-card > div[b-bagdgiwazh] {
        align-items: center;
        flex-direction: row;
    }

    .pri-design-card p[b-bagdgiwazh] {
        font-size: 14px;
    }

    .pri-request-cta[b-bagdgiwazh] {
        grid-template-columns: 1fr;
    }

    .pri-request-cta[b-bagdgiwazh]  .lb-root {
        justify-self: center;
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .pri-hero-copy[b-bagdgiwazh] {
        gap: 16px;
    }

    .pri-hero-title[b-bagdgiwazh] {
        gap: 8px;
        padding-block: 8px;
    }

    .pri-hero-title h2[b-bagdgiwazh] {
        font-size: 32px;
        line-height: 1.4;
    }

    .pri-section-title h2[b-bagdgiwazh],
    .pri-request-cta h2[b-bagdgiwazh] {
        font-size: 20px;
    }

    .pri-section-title p[b-bagdgiwazh],
    .pri-hero-title p[b-bagdgiwazh],
    .pri-request-cta p[b-bagdgiwazh] {
        font-size: 13px;
    }

    .pri-hero-gallery[b-bagdgiwazh] {
        grid-template-rows: auto auto;
    }

    .pri-hero-gallery .pri-hero-main[b-bagdgiwazh] {
        height: auto;
        aspect-ratio: 488 / 296;
    }

    .pri-hero-gallery img:not(.pri-hero-main)[b-bagdgiwazh] {
        height: auto;
        aspect-ratio: 1;
    }

    .pri-program-tabs[b-bagdgiwazh] {
        gap: 0;
    }

    .pri-program-tabs button[b-bagdgiwazh] {
        font-size: 13px;
    }

    .pri-step-card[b-bagdgiwazh],
    .pri-design-card[b-bagdgiwazh],
    .pri-request-cta[b-bagdgiwazh] {
        padding: 16px;
    }

    .pri-design-card > div[b-bagdgiwazh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pri-carousel-prev[b-bagdgiwazh] {
        left: 4px;
    }

    .pri-carousel-next[b-bagdgiwazh] {
        right: 4px;
    }
}
/* /Components/Pages/PrintRequest/PrintRequestOptions.razor.rz.scp.css */
.pro-page[b-278zonz7rp]{display:flex;flex-direction:column;gap:12px}
/* 인쇄의뢰 섹션 헤더는 라벨스페이스 소개와 같이 본문 패딩을 넘어 가로 전체를 채운다. */
.pro-page[b-278zonz7rp]  .lsn-root{width:calc(100% + (var(--lap-6) * 2));margin-inline:calc(var(--lap-6) * -1)}
.pro-options[b-278zonz7rp],.pro-selected-options[b-278zonz7rp],.pro-design-guide[b-278zonz7rp],.pro-order-steps[b-278zonz7rp],.pro-price-guide[b-278zonz7rp]{scroll-margin-top:72px}
.pro-options[b-278zonz7rp]{display:grid;grid-template-columns:minmax(420px,628px) minmax(420px,668px);justify-content:center;gap:24px;width:100%;padding:28px 20px 40px}
.pro-preview[b-278zonz7rp],.pro-form[b-278zonz7rp]{min-width:0}.pro-preview-status[b-278zonz7rp]{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white);color:var(--lap-text-tertiary);font-size:14px}
.pro-selected-options[b-278zonz7rp]{display:grid;grid-template-columns:minmax(0,616px) minmax(0,668px);align-items:start;justify-content:center;gap:24px;width:100%;padding:28px 20px 40px}
.pro-selected-preview[b-278zonz7rp]{display:flex;min-width:0;flex-direction:column}.pro-form[b-278zonz7rp]{min-width:0}.pro-recommendation-media img[b-278zonz7rp]{width:100%;height:100%;object-fit:contain}
.pro-recommendations[b-278zonz7rp]{width:min(1308px,calc(100% - 40px));margin:0 auto;padding:4px 0 40px}.pro-recommendation-heading[b-278zonz7rp]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pro-recommendation-heading h2[b-278zonz7rp]{margin:0;font-size:24px;line-height:1.5}.pro-recommendation-heading a[b-278zonz7rp]{color:var(--lap-text-main);font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.pro-recommendation-grid[b-278zonz7rp]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.pro-recommendation-card[b-278zonz7rp]{min-width:0;overflow:hidden;border:1px solid var(--lap-gray-200);border-radius:8px;background:var(--lap-white);color:inherit;text-decoration:none}.pro-recommendation-card:hover[b-278zonz7rp],.pro-recommendation-card:focus-visible[b-278zonz7rp]{border-color:var(--lap-primary-400);box-shadow:var(--lap-shadow-1)}.pro-recommendation-media[b-278zonz7rp]{width:100%;aspect-ratio:1;border-bottom:1px solid var(--lap-gray-200);background:var(--lap-white)}.pro-recommendation-copy[b-278zonz7rp]{min-height:88px;padding:14px 16px}.pro-recommendation-copy h3[b-278zonz7rp]{overflow:hidden;margin:0;font-size:16px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.pro-recommendation-copy p[b-278zonz7rp]{overflow:hidden;margin:6px 0 0;color:var(--lap-text-tertiary);font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.pro-design-guide[b-278zonz7rp]{padding-inline:max(20px,calc((100% - 1568px)/2));border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-white)}.pro-order-steps[b-278zonz7rp]{overflow:hidden;padding-inline:20px;background:var(--lap-gray-50)}.pro-price-guide[b-278zonz7rp]{padding:40px 0}
/* 선택 영역과 추천 디자인 사이의 시각적 간격을 조밀하게 맞춘다. */
.pro-selected-options[b-278zonz7rp]{padding-bottom:20px}.pro-recommendations[b-278zonz7rp]{padding-top:0;padding-bottom:32px}
@media(max-width:1199.98px){.pro-recommendation-grid[b-278zonz7rp]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.pro-options[b-278zonz7rp],.pro-selected-options[b-278zonz7rp]{grid-template-columns:minmax(0,1fr);padding-inline:0}.pro-preview[b-278zonz7rp],.pro-selected-preview[b-278zonz7rp],.pro-form[b-278zonz7rp]{width:min(668px,100%);margin-inline:auto}.pro-order-steps[b-278zonz7rp]{padding-inline:0}}
@media(max-width:767.98px){.pro-options[b-278zonz7rp],.pro-selected-options[b-278zonz7rp],.pro-design-guide[b-278zonz7rp],.pro-order-steps[b-278zonz7rp],.pro-price-guide[b-278zonz7rp]{scroll-margin-top:64px}.pro-options[b-278zonz7rp]{gap:20px;padding:12px 0 24px}.pro-selected-options[b-278zonz7rp]{gap:12px;padding:0 0 12px}.pro-selected-preview[b-278zonz7rp]{padding:20px 0}.pro-recommendations[b-278zonz7rp]{width:100%;padding:20px 0}.pro-recommendation-heading[b-278zonz7rp]{margin-bottom:12px}.pro-recommendation-heading h2[b-278zonz7rp]{font-size:24px}.pro-recommendation-grid[b-278zonz7rp]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pro-recommendation-card[b-278zonz7rp]{padding:20px;border-radius:12px;box-shadow:var(--lap-shadow-2)}.pro-recommendation-card:nth-child(n+4)[b-278zonz7rp]{display:none}.pro-recommendation-media[b-278zonz7rp]{height:241px;aspect-ratio:auto;border:0}.pro-recommendation-copy[b-278zonz7rp]{min-height:81px;padding:0}.pro-recommendation-copy h3[b-278zonz7rp]{margin-top:0;font-size:18px}.pro-recommendation-copy p[b-278zonz7rp]{margin-top:12px;font-size:14px;white-space:normal}.pro-design-guide[b-278zonz7rp]{padding-inline:0}.pro-order-steps[b-278zonz7rp]{margin-inline:0}.pro-price-guide[b-278zonz7rp]{padding:24px 0}}
@media(max-width:479.98px){.pro-recommendation-grid[b-278zonz7rp]{grid-auto-columns:160px;grid-auto-flow:column;grid-template-columns:none;justify-content:start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.pro-recommendation-card[b-278zonz7rp]{scroll-snap-align:start}.pro-recommendation-media[b-278zonz7rp]{height:200px}}
@media(max-width:479.98px){.pro-page[b-278zonz7rp]  .lsn-root{width:calc(100% + (var(--lap-4) * 2));margin-inline:calc(var(--lap-4) * -1)}}
@media(max-width:479.98px){.pro-order-steps[b-278zonz7rp]{overflow:visible}}
@media(max-width:767.98px){.pro-recommendations[b-278zonz7rp]{padding:8px 0 20px}}
/* /Components/Pages/PrintRequest/PrintRequestOrderPanel.razor.rz.scp.css */
.prop-root[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:12px;width:100%;padding:24px;border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white)}
.prop-header[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:4px;padding-bottom:18px;border-bottom:1px solid var(--lap-gray-200)}
.prop-header h1[b-qr12uh3y3c]{margin:0;font-size:30px;line-height:1.5}.prop-header p[b-qr12uh3y3c]{margin:0;color:var(--lap-text-tertiary);font-size:14px;font-weight:var(--lap-fw-medium);line-height:1.5}
.prop-fields[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:12px}.prop-field[b-qr12uh3y3c]{position:relative;display:flex;flex-direction:column;gap:4px}.prop-field>label[b-qr12uh3y3c],.prop-stepper-heading>strong[b-qr12uh3y3c]{font-size:18px;font-weight:var(--lap-fw-bold);line-height:1.5}
.prop-tag-type-field[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:4px}.prop-tag-type-field>strong[b-qr12uh3y3c]{font-size:16px;line-height:1.5}.prop-tag-types[b-qr12uh3y3c]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.prop-tag-types button[b-qr12uh3y3c]{display:flex;grid-column:span 2;align-items:center;justify-content:center;gap:12px;min-width:0;height:77px;padding:12px 16px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);font-size:14px}.prop-tag-types button:nth-child(4)[b-qr12uh3y3c],.prop-tag-types button:nth-child(5)[b-qr12uh3y3c]{grid-column:span 3}.prop-tag-types button:hover[b-qr12uh3y3c],.prop-tag-types button.is-selected[b-qr12uh3y3c]{border-color:var(--lap-primary-400);background:var(--lap-gray-100);color:var(--lap-primary-500)}.prop-tag-types img[b-qr12uh3y3c]{width:50px;height:50px;object-fit:contain}
.prop-selector[b-qr12uh3y3c]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);color:var(--lap-text-main);font-size:14px;text-align:left}.prop-selector:hover:not(:disabled)[b-qr12uh3y3c],.prop-selector:focus-visible:not(:disabled)[b-qr12uh3y3c]{border-color:var(--lap-primary-400)}.prop-selector.is-selected[b-qr12uh3y3c]{border-color:var(--lap-primary-500)}.prop-selector:disabled[b-qr12uh3y3c]{border-color:var(--lap-gray-200);background:var(--lap-gray-100);color:var(--lap-text-disabled);cursor:not-allowed}.prop-selector:disabled .prop-chevron[b-qr12uh3y3c]{color:var(--lap-icon-disabled)}.prop-selector b[b-qr12uh3y3c]{color:var(--lap-color-primary);font-size:16px}.prop-selector small[b-qr12uh3y3c]{color:var(--lap-text-tertiary)}
.prop-chevron[b-qr12uh3y3c]{color:var(--lap-text-tertiary);transition:transform var(--lap-motion-fast) ease}.prop-selector[aria-expanded=true] .prop-chevron[b-qr12uh3y3c]{transform:rotate(180deg)}
.prop-popup[b-qr12uh3y3c]{position:absolute;z-index:55;top:100%;left:0;right:0;overflow:hidden;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);box-shadow:var(--lap-shadow-3)}
.prop-selector-backdrop[b-qr12uh3y3c]{position:fixed;z-index:40;inset:0;background:transparent}
.prop-visual-selector.is-selected[b-qr12uh3y3c],.prop-material-selector.is-selected[b-qr12uh3y3c]{grid-template-columns:50px minmax(0,1fr) 16px;min-height:72px}.prop-visual-popup>button[b-qr12uh3y3c]{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:72px;padding:11px 16px;text-align:left}.prop-visual-popup>button:hover[b-qr12uh3y3c],.prop-visual-popup>button.is-selected[b-qr12uh3y3c]{background:var(--lap-gray-100)}
.prop-shape-preview[b-qr12uh3y3c]{display:block;width:50px;height:50px;object-fit:contain}
.prop-tabs[b-qr12uh3y3c]{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--lap-gray-200)}.prop-tabs button[b-qr12uh3y3c]{height:48px;color:var(--lap-text-tertiary);font-size:14px}.prop-tabs button.is-active[b-qr12uh3y3c]{color:var(--lap-color-primary);font-weight:var(--lap-fw-bold);box-shadow:inset 0 -2px var(--lap-color-primary)}
.prop-size-search[b-qr12uh3y3c],.prop-dimension-search[b-qr12uh3y3c]{display:flex;gap:12px;padding:16px;background:var(--lap-gray-50)}.prop-size-search[b-qr12uh3y3c]{align-items:center}.prop-size-search input[b-qr12uh3y3c]{width:100%;height:40px;min-width:0;padding:0 12px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white)}.prop-search-reset[b-qr12uh3y3c]{flex:0 0 auto;padding:4px 0;color:var(--lap-text-secondary);font-size:12px;text-decoration:underline;text-underline-offset:2px}.prop-search-reset:hover[b-qr12uh3y3c],.prop-search-reset:focus-visible[b-qr12uh3y3c]{color:var(--lap-color-primary)}
.prop-dimension-search[b-qr12uh3y3c]{align-items:flex-end}.prop-dimension-search label[b-qr12uh3y3c]{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.prop-dimension-label[b-qr12uh3y3c]{color:var(--lap-text-main);font-size:14px;font-weight:var(--lap-fw-semibold)}.prop-dimension-control[b-qr12uh3y3c]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:40px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white);overflow:hidden}.prop-dimension-control:focus-within[b-qr12uh3y3c]{border-color:var(--lap-primary-400)}.prop-dimension-control input[b-qr12uh3y3c]{width:100%;height:38px;min-width:0;padding:0 4px 0 12px;border:0;outline:0;background:transparent}.prop-dimension-control>span[b-qr12uh3y3c]{padding:0 12px 0 6px;color:var(--lap-text-tertiary);font-size:13px}.prop-dimension-times[b-qr12uh3y3c]{align-self:flex-end;height:40px;line-height:40px;color:var(--lap-text-tertiary)}.prop-size-results[b-qr12uh3y3c]{max-height:230px;overflow:auto}.prop-size-results[b-qr12uh3y3c]  .prop-size-tooltip{display:flex;width:100%}.prop-size-results[b-qr12uh3y3c]  .prop-size-tooltip>.lt-trigger{width:100%}.prop-size-option[b-qr12uh3y3c]{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:stretch;width:100%;min-height:72px;border-top:1px solid var(--lap-gray-200)}.prop-size-option:hover[b-qr12uh3y3c],.prop-size-option.is-selected[b-qr12uh3y3c]{background:var(--lap-primary-50)}.prop-size-option-select[b-qr12uh3y3c]{display:flex;align-items:center;width:100%;min-width:0;padding:10px 16px;text-align:left}.prop-size-image-button[b-qr12uh3y3c]{display:grid;place-items:center;width:70px;padding:10px}.prop-size-image-button:hover[b-qr12uh3y3c],.prop-size-image-button:focus-visible[b-qr12uh3y3c]{background:var(--lap-primary-100)}.prop-size-results strong[b-qr12uh3y3c],.prop-size-results small[b-qr12uh3y3c]{display:block}.prop-size-results small[b-qr12uh3y3c]{margin-top:2px;color:var(--lap-text-tertiary);font-size:12px}.prop-size-shape[b-qr12uh3y3c]{display:block;width:50px;height:50px;object-fit:contain}.prop-size-tooltip-image-wrap[b-qr12uh3y3c]{display:grid;place-items:center;width:100%;aspect-ratio:1;background:var(--lap-white)}.prop-size-tooltip-image[b-qr12uh3y3c]{display:block;width:100%;height:100%;object-fit:contain}.prop-size-empty[b-qr12uh3y3c]{margin:0;padding:24px 16px;color:var(--lap-text-tertiary);font-size:14px;text-align:center}
.prop-material-selector>span:nth-child(2)[b-qr12uh3y3c]{display:flex;flex-direction:column;min-width:0}.prop-material-selector strong[b-qr12uh3y3c]{display:flex;align-items:center;gap:var(--lap-1)}.prop-material-selector small[b-qr12uh3y3c]{display:block;margin-top:2px}.prop-material-thumbnail[b-qr12uh3y3c]{display:block;width:48px;height:48px;object-fit:contain}.prop-prosumer-badge[b-qr12uh3y3c]{width:var(--lap-5);height:var(--lap-5);object-fit:contain}.prop-material-popup[b-qr12uh3y3c]{padding:24px;border-color:var(--lap-gray-200);border-radius:16px}.prop-material-filter[b-qr12uh3y3c]{display:flex;align-items:center;justify-content:space-between;gap:var(--lap-3);padding-bottom:var(--lap-3);color:var(--lap-text-tertiary)}.prop-prosumer-link[b-qr12uh3y3c]{display:inline-flex;align-items:center;gap:var(--lap-1);color:var(--lap-color-primary);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-semibold)}.prop-prosumer-link:hover[b-qr12uh3y3c],.prop-prosumer-link:focus-visible[b-qr12uh3y3c]{color:var(--lap-primary-700)}.prop-prosumer-link img[b-qr12uh3y3c]{width:var(--lap-5);height:var(--lap-5);object-fit:contain}
.prop-stepper-field[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:12px}.prop-stepper-heading[b-qr12uh3y3c]{display:flex;align-items:center;gap:12px}.prop-stepper-field>p[b-qr12uh3y3c]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.prop-minimum[b-qr12uh3y3c]{display:flex;align-items:center;gap:8px;padding:16px;border-radius:6px;background:var(--lap-information-50);font-size:14px}.prop-minimum span[b-qr12uh3y3c],.prop-notice h2 span[b-qr12uh3y3c]{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border:2px solid var(--lap-information-500);border-radius:50%;color:var(--lap-information-500);font-size:12px;font-weight:var(--lap-fw-bold)}
.prop-custom-quantity[b-qr12uh3y3c]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:88px;padding:16px;border-bottom:1px solid var(--lap-gray-200);background:var(--lap-gray-50)}.prop-custom-quantity>div:first-child[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:8px}.prop-custom-quantity>div:first-child>span[b-qr12uh3y3c]{display:flex;gap:8px}.prop-custom-quantity input[b-qr12uh3y3c]{width:120px;height:36px;padding:0 12px;border:1px solid var(--lap-gray-300);border-radius:4px;background:var(--lap-white)}.prop-custom-price[b-qr12uh3y3c]{display:flex;align-items:flex-end;flex-direction:column;gap:2px;color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);text-align:right}.prop-custom-price strong[b-qr12uh3y3c]{color:var(--lap-color-primary);font-size:var(--lap-text-size4)}
.prop-notice[b-qr12uh3y3c]{padding:20px;border:1px solid var(--lap-gray-200);border-radius:12px;background:var(--lap-gray-50)}.prop-notice h2[b-qr12uh3y3c]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:18px}.prop-notice ul[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;color:var(--lap-text-secondary);font-size:14px;line-height:1.5}.prop-notice li[b-qr12uh3y3c]::before{content:"- "}.prop-notice li strong[b-qr12uh3y3c]{color:var(--lap-danger-500);font-weight:var(--lap-fw-medium)}.prop-notice a[b-qr12uh3y3c]{margin-left:4px;color:var(--lap-text-main);text-decoration:underline;text-underline-offset:2px}
.prop-price[b-qr12uh3y3c]{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 0;border-block:1px solid var(--lap-gray-200);font-size:18px;font-weight:var(--lap-fw-bold)}.prop-price strong[b-qr12uh3y3c]{color:var(--lap-danger-500);font-size:20px;text-align:right}.prop-price small[b-qr12uh3y3c]{display:block;margin-top:4px;color:var(--lap-text-tertiary);font-size:12px;font-weight:var(--lap-fw-regular)}.prop-actions[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:12px}
.prop-modal-copy[b-qr12uh3y3c]{display:flex;flex-direction:column;gap:var(--lap-3);color:var(--lap-text-secondary);line-height:var(--lap-lh-normal-xl)}.prop-modal-copy p[b-qr12uh3y3c]{margin:0}.prop-modal-copy strong[b-qr12uh3y3c]{color:var(--lap-color-primary)}
.prop-label-image-modal[b-qr12uh3y3c]{display:grid;place-items:center;width:100%;min-height:320px}.prop-label-image-modal img[b-qr12uh3y3c]{display:block;width:100%;max-height:70vh;object-fit:contain}
@media(max-width:575.98px){.prop-root[b-qr12uh3y3c]{padding:20px 16px;border-radius:12px}.prop-header h1[b-qr12uh3y3c]{font-size:24px}.prop-header p[b-qr12uh3y3c]{font-size:13px}.prop-field>label[b-qr12uh3y3c],.prop-stepper-heading>strong[b-qr12uh3y3c]{font-size:16px}.prop-tag-types[b-qr12uh3y3c]{grid-template-columns:1fr 1fr}.prop-tag-types button[b-qr12uh3y3c],.prop-tag-types button:nth-child(4)[b-qr12uh3y3c],.prop-tag-types button:nth-child(5)[b-qr12uh3y3c]{grid-column:span 1;height:72px;padding:10px 8px;gap:8px}.prop-tag-types button:last-child[b-qr12uh3y3c]{grid-column:1/-1}.prop-tag-types img[b-qr12uh3y3c]{width:44px;height:44px}.prop-popup[b-qr12uh3y3c]{position:relative;top:auto;margin-top:4px}.prop-dimension-search[b-qr12uh3y3c]{display:grid;grid-template-columns:1fr auto 1fr}.prop-material-popup[b-qr12uh3y3c]{padding:16px;border-radius:10px}.prop-material-thumbnail[b-qr12uh3y3c]{width:40px;height:40px}.prop-notice[b-qr12uh3y3c]{padding:16px}.prop-notice ul[b-qr12uh3y3c]{font-size:13px}.prop-price[b-qr12uh3y3c]{font-size:16px}.prop-price strong[b-qr12uh3y3c]{font-size:18px}}
/* /Components/Pages/PrintRequest/PrintRequestPageShell.razor.rz.scp.css */
.pr-shell[b-z1jnlqlhuj] { display:flex; flex-direction:column; gap:var(--lap-3); padding:6px 0; color:var(--lap-text-main); }
.pr-breadcrumb[b-z1jnlqlhuj] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--lap-2); min-height:22px; font-size:var(--lap-text-size2); color:var(--lap-text-tertiary); }
.pr-breadcrumb a[b-z1jnlqlhuj] { color:inherit; text-decoration:none; }
.pr-breadcrumb a:hover[b-z1jnlqlhuj] { color:var(--lap-primary-500); }
.pr-page-heading[b-z1jnlqlhuj] { margin:0; font-size:var(--lap-text-size5); }
.pr-banner[b-z1jnlqlhuj] { padding:var(--lap-5); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:linear-gradient(114.358deg,var(--lap-primary-50) 0%,var(--lap-white) 29.804%,var(--lap-primary-50) 44.705%,var(--lap-primary-100) 74.509%,var(--lap-primary-200) 99.345%); }
.pr-eyebrow[b-z1jnlqlhuj] { display:block; margin-bottom:var(--lap-3); color:var(--lap-primary-500); font-size:var(--lap-text-size1); font-weight:var(--lap-fw-bold); }
.pr-banner h2[b-z1jnlqlhuj] { margin:0 0 var(--lap-3); font-size:var(--lap-text-size5); }
.pr-banner p[b-z1jnlqlhuj] { margin:0; color:var(--lap-text-secondary); font-size:var(--lap-text-size2); white-space:pre-line; }
@media (max-width:767.98px) {
    .pr-shell[b-z1jnlqlhuj] { padding:0; }
    .pr-breadcrumb[b-z1jnlqlhuj] { display:none; }
    .pr-banner[b-z1jnlqlhuj] { padding:var(--lap-5); }
}

@media (min-width:480px) and (max-width:767.98px) {
    .pr-shell[b-z1jnlqlhuj] { padding-right:var(--lap-2); padding-left:var(--lap-2); }
}
/* /Components/Pages/PrintRequest/PrintRequestPriceGuide.razor.rz.scp.css */
.prp-panel[b-7tk9v10ec2]{display:flex;flex-direction:column;gap:24px;padding:40px clamp(20px,3vw,48px);border:1px solid var(--lap-gray-200);border-radius:16px;background:var(--lap-white)}.prp-heading[b-7tk9v10ec2]{text-align:center}.prp-heading h2[b-7tk9v10ec2]{margin:0 0 8px;font-size:24px;line-height:1.5}.prp-heading p[b-7tk9v10ec2]{margin:0;color:var(--lap-text-tertiary);font-size:14px;line-height:1.5}.prp-select[b-7tk9v10ec2]{width:min(620px,100%)}.prp-results[b-7tk9v10ec2]{display:flex;flex-direction:column;gap:20px}.prp-table-wrap[b-7tk9v10ec2]{width:100%;overflow-x:auto;outline:none}.prp-table-wrap:focus-visible[b-7tk9v10ec2]{outline:2px solid var(--lap-primary-300);outline-offset:3px}.prp-table-wrap table[b-7tk9v10ec2]{width:100%;min-width:1280px;border-collapse:collapse;font-size:13px}.prp-table-wrap th[b-7tk9v10ec2],.prp-table-wrap td[b-7tk9v10ec2]{height:88px;padding:8px 10px;text-align:center;border-bottom:1px solid var(--lap-gray-300);white-space:nowrap}.prp-table-wrap thead th[b-7tk9v10ec2]{height:45px;color:var(--lap-text-secondary);font-weight:var(--lap-fw-semibold);background:var(--lap-gray-200)}.prp-table-wrap tbody th[b-7tk9v10ec2]{display:flex;align-items:center;gap:10px;min-width:176px;text-align:left}.prp-material-icon[b-7tk9v10ec2]{flex:0 0 auto;width:36px;height:36px;border-radius:50%;object-fit:cover}.prp-printer-icon[b-7tk9v10ec2]{width:auto;height:20px;object-fit:contain}.prp-table-wrap td b[b-7tk9v10ec2]{display:block;color:var(--lap-primary-500)}.prp-table-wrap small[b-7tk9v10ec2]{display:block;margin-top:3px;color:var(--lap-text-tertiary);font-weight:var(--lap-fw-regular)}.prp-notes[b-7tk9v10ec2]{display:flex;flex-direction:column;gap:6px;margin:0;padding:16px 24px;color:var(--lap-text-tertiary);font-size:13px;line-height:1.7;list-style:none;border:1px solid var(--lap-gray-200);border-radius:8px;background:var(--lap-gray-50)}.prp-notes li[b-7tk9v10ec2]{position:relative;padding-left:14px}.prp-notes li[b-7tk9v10ec2]::before{position:absolute;top:.72em;left:0;width:5px;height:5px;border-radius:var(--lap-r-max);background:var(--lap-primary-400);content:"";transform:translateY(-50%)}.prp-loading[b-7tk9v10ec2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--lap-text-tertiary);font-size:14px}.prp-loading span[b-7tk9v10ec2]{width:28px;height:28px;border:3px solid var(--lap-primary-100);border-top-color:var(--lap-primary-500);border-radius:50%;animation:prp-spin-b-7tk9v10ec2 .8s linear infinite}.prp-loading p[b-7tk9v10ec2]{margin:0}@keyframes prp-spin-b-7tk9v10ec2{to{transform:rotate(360deg)}}
@media(max-width:767.98px){.prp-panel[b-7tk9v10ec2]{gap:20px;padding:32px 20px}.prp-heading h2[b-7tk9v10ec2]{font-size:22px}.prp-table-wrap[b-7tk9v10ec2]{width:calc(100% + 20px);margin-right:-20px}.prp-table-wrap table[b-7tk9v10ec2]{min-width:1040px;font-size:12px}.prp-table-wrap th[b-7tk9v10ec2],.prp-table-wrap td[b-7tk9v10ec2]{height:72px;padding:6px 8px}.prp-table-wrap thead th[b-7tk9v10ec2]{height:40px}.prp-table-wrap tbody th[b-7tk9v10ec2]{gap:8px;min-width:150px}.prp-material-icon[b-7tk9v10ec2]{width:32px;height:32px}.prp-printer-icon[b-7tk9v10ec2]{height:18px}.prp-notes[b-7tk9v10ec2]{padding:14px 18px}}
@media(max-width:479.98px){.prp-panel[b-7tk9v10ec2]{padding:28px 16px}.prp-heading h2[b-7tk9v10ec2]{font-size:20px}.prp-heading p[b-7tk9v10ec2]{font-size:13px}.prp-table-wrap[b-7tk9v10ec2]{width:calc(100% + 16px);margin-right:-16px}.prp-table-wrap table[b-7tk9v10ec2]{min-width:920px}.prp-table-wrap th[b-7tk9v10ec2],.prp-table-wrap td[b-7tk9v10ec2]{height:64px;padding:4px 6px}.prp-table-wrap tbody th[b-7tk9v10ec2]{gap:6px;min-width:132px}.prp-material-icon[b-7tk9v10ec2]{width:28px;height:28px}.prp-printer-icon[b-7tk9v10ec2]{height:16px}.prp-table-wrap small[b-7tk9v10ec2]{margin-top:2px}.prp-notes[b-7tk9v10ec2]{padding:14px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.prp-loading span[b-7tk9v10ec2]{animation:none}}
/* /Components/Pages/PrintRequest/PrintRequestProductGrid.razor.rz.scp.css */
.prg-grid[b-8r4hewcwk1] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--lap-3); width:min(1120px,100%); margin:0 auto; }
.prg-grid--four-columns[b-8r4hewcwk1] { --bs-gutter-x:var(--lap-3); --bs-gutter-y:var(--lap-3); display:flex; gap:0; width:min(1120px,100%); }
.prg-column--default[b-8r4hewcwk1] { grid-column:span 2; min-width:0; }
.prg-column--default:nth-child(4)[b-8r4hewcwk1] { grid-column:2 / span 2; }
.prg-column--default:nth-child(5)[b-8r4hewcwk1] { grid-column:4 / span 2; }
.prg-column[b-8r4hewcwk1] { display:flex; min-width:0; }
.prg-card[b-8r4hewcwk1] { display:flex; flex-direction:column; width:100%; min-width:0; height:469px; overflow:hidden; color:inherit; text-decoration:none; border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:var(--lap-white); box-shadow:var(--lap-shadow-2); transition:transform var(--lap-motion-fast) ease,border-color var(--lap-motion-fast) ease; }
.prg-grid--four-columns .prg-card[b-8r4hewcwk1] { height:469px; border-radius:12px; }
.prg-card:hover[b-8r4hewcwk1],.prg-card:focus-visible[b-8r4hewcwk1] { transform:translateY(-2px); border-color:var(--lap-primary-300); outline:none; }
.prg-card img[b-8r4hewcwk1] { flex:1 1 auto; width:100%; min-height:0; object-fit:cover; }
.prg-grid--four-columns .prg-card img[b-8r4hewcwk1] { object-fit:contain; }
.prg-body[b-8r4hewcwk1] { display:flex; flex:0 0 auto; flex-direction:column; gap:var(--lap-3); padding:var(--lap-5); }
.prg-grid--four-columns .prg-body[b-8r4hewcwk1] { flex:1 1 auto; min-height:0; }
.prg-title[b-8r4hewcwk1] { display:flex; flex-direction:column; gap:var(--lap-1); width:100%; min-width:0; }
.prg-kicker[b-8r4hewcwk1] { max-width:100%; color:var(--lap-primary-500); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-bold); line-height:1.5; white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
.prg-grid--four-columns .prg-kicker[b-8r4hewcwk1] { letter-spacing:0; }
.prg-body h3[b-8r4hewcwk1] { margin:0; font-size:var(--lap-text-size4); font-weight:var(--lap-fw-bold); line-height:1.5; }
.prg-body p[b-8r4hewcwk1] { margin:0; color:var(--lap-text-tertiary); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-medium); line-height:1.5; }
.prg-body > p[b-8r4hewcwk1] { min-height:42px; }
.prg-link[b-8r4hewcwk1] { padding-top:19px; border-top:1px solid var(--lap-gray-200); color:var(--lap-text-secondary); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-medium); line-height:1.5; }
.prg-grid--four-columns .prg-link[b-8r4hewcwk1] { margin-top:auto; color:var(--lap-text-tertiary); }

@media (max-width:767.98px) {
    .prg-grid[b-8r4hewcwk1] { grid-template-columns:1fr; }
    .prg-column--default[b-8r4hewcwk1],
    .prg-column--default:nth-child(4)[b-8r4hewcwk1],
    .prg-column--default:nth-child(5)[b-8r4hewcwk1] { grid-column:auto; }
    /* 모바일에서는 제목·설명이 줄바꿈되어도 하단 선택 링크가 잘리지 않도록 콘텐츠 높이를 따른다. */
    .prg-card[b-8r4hewcwk1] { height:auto; }
    .prg-card img[b-8r4hewcwk1] { flex:none; height:271px; }
    .prg-column--default:nth-child(-n + 2) .prg-card img[b-8r4hewcwk1] { height:292px; }
    .prg-grid--four-columns .prg-card img[b-8r4hewcwk1] { flex:none; height:auto; max-height:280px; aspect-ratio:16 / 9; }
    .prg-grid--four-columns .prg-card[b-8r4hewcwk1] { height:auto; }
    .prg-body[b-8r4hewcwk1] { padding:var(--lap-5); }
}

@media (max-width:479.98px) {
    .prg-card[b-8r4hewcwk1] { height:auto; }
    .prg-card img[b-8r4hewcwk1] { width:100%; height:auto; aspect-ratio:528 / 271; }
    .prg-column--default:nth-child(-n + 2) .prg-card img[b-8r4hewcwk1] { aspect-ratio:528 / 292; }
    .prg-grid--four-columns .prg-card img[b-8r4hewcwk1] { height:auto; aspect-ratio:16 / 9; }
}
/* /Components/Pages/PrintRequest/PrintRequestProducts.razor.rz.scp.css */
.pr-products[b-794p8uxfim] {
    padding-block: 40px;
}

.pr-section-title[b-794p8uxfim] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-bottom: 28px;
    text-align: center;
}

.pr-section-title h2[b-794p8uxfim],
.pr-section-title p[b-794p8uxfim],
.pr-program-card h3[b-794p8uxfim],
.pr-program-card p[b-794p8uxfim] {
    margin: 0;
}

.pr-section-title h2[b-794p8uxfim] {
    font-size: 24px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
    word-break: keep-all;
}

.pr-section-title p[b-794p8uxfim] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pr-programs[b-794p8uxfim] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 6px;
}

.pr-programs .pr-section-title[b-794p8uxfim] {
    margin-bottom: 0;
}

.pr-program-grid[b-794p8uxfim] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: min(1120px, 100%);
    margin-inline: auto;
}

.pr-program-card[b-794p8uxfim] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--lap-gray-200);
    border-radius: 12px;
    background: linear-gradient(128.693deg, var(--lap-white) 58.423%, var(--lap-primary-50) 58.425%, var(--lap-primary-100) 72.637%);
}

.pr-program-card > img[b-794p8uxfim] {
    width: auto;
    height: 31px;
    object-fit: contain;
}

.pr-program-card h3[b-794p8uxfim] {
    font-size: 18px;
    font-weight: var(--lap-fw-bold);
    line-height: 1.5;
}

.pr-program-detail[b-794p8uxfim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.pr-program-detail p[b-794p8uxfim] {
    color: var(--lap-text-tertiary);
    font-size: 14px;
    font-weight: var(--lap-fw-medium);
    line-height: 1.5;
}

.pr-program-detail[b-794p8uxfim]  .lb-root {
    flex: 0 0 auto;
}

@media (max-width: 767.98px) {
    .pr-products[b-794p8uxfim] {
        padding-block: 20px;
    }

    .pr-section-title[b-794p8uxfim] {
        margin-bottom: 28px;
    }

    .pr-section-title h2[b-794p8uxfim] {
        font-size: 24px;
    }

    .pr-section-title p[b-794p8uxfim] {
        font-size: 14px;
    }

    .pr-programs[b-794p8uxfim] {
        padding-block: 40px;
    }

    .pr-program-grid[b-794p8uxfim] {
        grid-template-columns: 1fr;
    }

    .pr-program-card[b-794p8uxfim] {
        padding: 20px;
    }

    .pr-program-detail[b-794p8uxfim] {
        align-items: center;
        flex-direction: row;
        gap: 12px;
    }
}

@media (max-width: 479.98px) {
    .pr-section-title h2[b-794p8uxfim] {
        font-size: 20px;
    }

    .pr-section-title p[b-794p8uxfim] {
        font-size: 13px;
    }

    .pr-program-card[b-794p8uxfim] {
        padding: 16px;
    }

    .pr-program-detail p[b-794p8uxfim] {
        font-size: 13px;
    }
}
/* /Components/Pages/PrintRequest/PrintRequestTemplateProducts.razor.rz.scp.css */
.prt-section[b-tpdmhv350h] {
    padding:var(--lap-10) min(248px,15.35%);
}

header[b-tpdmhv350h] {
    margin-bottom:var(--lap-6);
    text-align:center;
}

h2[b-tpdmhv350h] {
    margin:0 0 var(--lap-2);
    font-size:24px;
    line-height:1.5;
}

p[b-tpdmhv350h] {
    margin:0;
    color:var(--lap-text-tertiary);
    font-size:var(--lap-text-size2);
    line-height:1.5;
}

@media (max-width:1199.98px) {
    .prt-section[b-tpdmhv350h] { padding-right:var(--lap-10); padding-left:var(--lap-10); }
}

@media (max-width:767.98px) {
    .prt-section[b-tpdmhv350h] { padding:var(--lap-5) 0; }
}
/* /Components/Pages/PrintRequest/PrintRequestTemplates.razor.rz.scp.css */
.prb-section[b-l7o890tlkh] {
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:40px 0;
}

.prb-tabs[b-l7o890tlkh] {
    display:flex;
    align-items:center;
    align-self:center;
    gap:16px;
    height:50px;
    padding:8px;
    border:1px solid var(--lap-gray-200);
    border-radius:100px;
    background:var(--lap-gray-100);
}

.prb-tabs button[b-l7o890tlkh] {
    height:40px;
    padding:0 16px;
    color:var(--lap-text-secondary);
    font:inherit;
    font-size:16px;
    font-weight:var(--lap-fw-medium);
    line-height:1.5;
    border:0;
    border-radius:100px;
    background:transparent;
    cursor:pointer;
}

.prb-tabs button.is-active[b-l7o890tlkh] {
    color:var(--lap-primary-500);
    background:var(--lap-white);
    box-shadow:var(--lap-shadow-1);
}

.prb-filter-area[b-l7o890tlkh] {
    display:flex;
    flex-direction:column;
    gap:var(--lap-5);
    padding:12px min(248px,15.35%);
}

.prb-tags[b-l7o890tlkh] {
    display:flex;
    flex-wrap:wrap;
    gap:var(--lap-2);
}

.prb-tags button[b-l7o890tlkh] {
    min-height:var(--lap-8);
    padding:0 var(--lap-3);
    color:var(--lap-text-secondary);
    font:inherit;
    font-size:var(--lap-text-size1);
    font-weight:var(--lap-fw-semibold);
    border:1px solid var(--lap-gray-300);
    border-radius:var(--lap-r-max);
    background:var(--lap-white);
    cursor:pointer;
}

.prb-tags button:hover[b-l7o890tlkh],
.prb-tags button.is-active[b-l7o890tlkh] {
    color:var(--lap-color-primary);
    border-color:var(--lap-primary-400);
    background:var(--lap-primary-50);
}

.prb-tags button:focus-visible[b-l7o890tlkh] {
    outline:2px solid var(--lap-primary-400);
    outline-offset:2px;
}

.prb-toolbar[b-l7o890tlkh] {
    display:grid;
    grid-template-columns:300px 160px;
    justify-content:center;
    gap:20px;
}

.prb-count[b-l7o890tlkh] {
    margin:0;
    padding-top:8px;
    color:var(--lap-text-main);
    font-size:14px;
    line-height:1.5;
}

.prb-count strong[b-l7o890tlkh] {
    font-weight:var(--lap-fw-bold);
}

.prb-grid[b-l7o890tlkh] {
    --bs-gutter-x:var(--lap-5);
    --bs-gutter-y:var(--lap-5);
}

.prb-column[b-l7o890tlkh] { display:flex; align-items:flex-start; min-width:0; }

.prb-card[b-l7o890tlkh] {
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    overflow:hidden;
    color:inherit;
    text-decoration:none;
    border:1px solid var(--lap-gray-200);
    border-radius:var(--lap-r-lg);
    background:var(--lap-white);
    transition:border-color var(--lap-motion-fast) ease,box-shadow var(--lap-motion-fast) ease,transform var(--lap-motion-fast) ease;
}

.prb-card:hover[b-l7o890tlkh] {
    border-color:var(--lap-primary-300);
    box-shadow:var(--lap-shadow-2);
    transform:translateY(calc(var(--lap-1) * -0.5));
}

.prb-card:focus-visible[b-l7o890tlkh] {
    outline:2px solid var(--lap-primary-400);
    outline-offset:2px;
}

.prb-card-media[b-l7o890tlkh] {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:100%;
    min-width:0;
    min-height:0;
    aspect-ratio:1 / 0.72;
    padding:var(--lap-3);
    overflow:hidden;
    background:var(--lap-white);
    contain:size layout paint;
}

/* 템플릿 썸네일은 원본 안의 흰 여백과 카드 무대가 자연스럽게 이어지도록 최소 여백만 둔다. */
.prb-grid.is-template .prb-card-media[b-l7o890tlkh] {
    padding:var(--lap-2);
}

.prb-card-image-frame[b-l7o890tlkh] {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
}

.prb-card-image-frame img[b-l7o890tlkh] {
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    object-fit:contain;
}

.prb-card-media[b-l7o890tlkh]  .prb-new-badge {
    position:absolute;
    z-index:1;
    top:var(--lap-3);
    left:var(--lap-3);
}

.prb-card-divider[b-l7o890tlkh] {
    flex:0 0 auto;
    height:1px;
    margin:0 var(--lap-3);
    background:var(--lap-gray-200);
}

.prb-card-body[b-l7o890tlkh] {
    display:flex;
    flex-direction:column;
    gap:var(--lap-1);
    min-width:0;
    padding:var(--lap-4);
}

.prb-card-title[b-l7o890tlkh],
.prb-card-subtitle[b-l7o890tlkh] {
    min-width:0;
    overflow-wrap:anywhere;
}

.prb-card-title[b-l7o890tlkh] {
    color:var(--lap-primary-700);
    font-size:var(--lap-text-size2);
}

.prb-card-subtitle[b-l7o890tlkh] {
    color:var(--lap-text-tertiary);
    font-size:var(--lap-text-size1);
}

.prb-card-tags[b-l7o890tlkh] {
    display:flex;
    flex-wrap:wrap;
    gap:var(--lap-1);
    margin-top:var(--lap-2);
}

.prb-card-tag[b-l7o890tlkh] {
    display:inline-flex;
    align-items:center;
    min-height:var(--lap-7);
    padding:0 var(--lap-2);
    color:var(--lap-text-secondary);
    font-size:var(--lap-text-size1);
    border:1px solid var(--lap-gray-300);
    border-radius:var(--lap-r-max);
    background:var(--lap-white);
}

.prb-card-tag:hover[b-l7o890tlkh] {
    color:var(--lap-color-primary);
    border-color:var(--lap-primary-400);
}

.prb-pagination[b-l7o890tlkh] {
    margin-top:var(--lap-2);
}

@media (max-width:1199.98px) {
    .prb-filter-area[b-l7o890tlkh] { padding-right:40px; padding-left:40px; }
}

@media (max-width:767.98px) {
    .prb-section[b-l7o890tlkh] { padding:20px 0; }
    .prb-filter-area[b-l7o890tlkh] { padding:12px; }
    .prb-tags[b-l7o890tlkh] { display:none; }
    .prb-toolbar[b-l7o890tlkh] { grid-template-columns:240px 160px; gap:20px; }
    .prb-count[b-l7o890tlkh] { padding-right:20px; padding-left:20px; }
    .prb-grid[b-l7o890tlkh] { --bs-gutter-x:var(--lap-3); --bs-gutter-y:var(--lap-3); margin-right:8px; margin-left:8px; }
}

@media (max-width:479.98px) {
    .prb-filter-area[b-l7o890tlkh] { padding-right:0; padding-left:0; }
    .prb-toolbar[b-l7o890tlkh] { grid-template-columns:minmax(0,1fr); gap:12px; }
    .prb-card-media[b-l7o890tlkh] { padding:var(--lap-3); }
    .prb-card-body[b-l7o890tlkh] { padding:var(--lap-3); }
    .prb-card-tag[b-l7o890tlkh] { min-height:var(--lap-6); padding:0 var(--lap-1); }
}
/* /Components/Pages/ProductData/OpenmarketData/OpenmarketData.razor.rz.scp.css */
/* ========================================= 
   OpenmarketData
   Prefix: od-
   ========================================= */

.od-wrap[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Search Boxes
   Bootstrap Grid 보정
   =============================== */

.od-search-boxes[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

    .od-search-boxes > [class*="col-"][b-4h9g6jvwjg] {
        min-width: 0;
    }

.od-search-box[b-4h9g6jvwjg] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: var(--lap-5);
    background: var(--lap-white);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-xl);
}

.od-search-box-head[b-4h9g6jvwjg] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    min-width: 0;
}

.od-search-box-title[b-4h9g6jvwjg] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size3);
    font-weight: var(--lap-fw-bold);
}

.od-search-box-desc[b-4h9g6jvwjg] {
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
}

.od-search-box-body[b-4h9g6jvwjg] {
    min-width: 0;
}

.od-code-input[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

.od-select-field[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

.od-lap-select[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Section
   =============================== */

.od-section[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

.od-download-error[b-4h9g6jvwjg] {
    color: var(--lap-danger-600, #d92d20);
    font-size: var(--lap-text-size2);
}

/* ===============================
   Table Layout
   기존 라프 표 활용
   =============================== */

.od-table-container[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: auto;
    background: var(--lap-white);
    border-radius: var(--lap-r-lg);
}

.od-table[b-4h9g6jvwjg] {
    width: 100%;
    min-width: calc(var(--lap-1) * 280);
}

.lap-table-head.od-cols[b-4h9g6jvwjg],
.lap-table-row.od-cols[b-4h9g6jvwjg] {
    display: grid;
}

.od-cols[b-4h9g6jvwjg] {
    grid-template-columns: calc(var(--lap-1) * 12) minmax(calc(var(--lap-1) * 20), 0.7fr) minmax(calc(var(--lap-1) * 26), 0.9fr) minmax(calc(var(--lap-1) * 29), 0.9fr) minmax(calc(var(--lap-1) * 33), 1fr) minmax(calc(var(--lap-1) * 38), 1.2fr) minmax(calc(var(--lap-1) * 28), 0.9fr) minmax(calc(var(--lap-1) * 38), 1fr) minmax(calc(var(--lap-1) * 43), 1.1fr);
    min-width: calc(var(--lap-1) * 280);
    text-align: center;
}

    .od-cols > div[b-4h9g6jvwjg] {
        min-width: 0;
    }

.lap-table-head.od-cols[b-4h9g6jvwjg] {
    align-items: stretch;
    min-height: calc(var(--lap-1) * 12);
    padding-top: 0;
    padding-bottom: 0;
}

    .lap-table-head.od-cols > div[b-4h9g6jvwjg] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        min-height: calc(var(--lap-1) * 12);
        padding: 0 var(--lap-2);
        line-height: var(--lap-lh-normal);
        text-align: center;
        word-break: keep-all;
        white-space: normal;
    }

.lap-table-row.od-cols[b-4h9g6jvwjg] {
    align-items: center;
}

    .lap-table-row.od-cols:last-child[b-4h9g6jvwjg] {
        border-bottom: 0;
    }

.od-check-cell[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.od-ellipsis[b-4h9g6jvwjg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.od-empty[b-4h9g6jvwjg] {
    min-width: calc(var(--lap-1) * 280);
    padding: var(--lap-8) var(--lap-4);
    color: var(--lap-text-tertiary);
    text-align: center;
    border-top: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
}

.od-search-empty[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Image Link / Hover Preview
   버튼 바로 위 표시
   =============================== */

.od-image-link-wrap[b-4h9g6jvwjg] {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.od-image-action-wrap[b-4h9g6jvwjg] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--lap-1);
    min-width: 0;
}

.od-image-link[b-4h9g6jvwjg] {
    position: relative;
    display: inline-block;
    max-width: calc(var(--lap-1) * 35);
    overflow: hidden;
    color: var(--lap-color-primary);
    font-size: var(--lap-text-size1);
    font-weight: var(--lap-fw-semibold);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: var(--lap-1);
    background: transparent;
}

.od-image-view-button[b-4h9g6jvwjg] {
    position: relative;
}

.od-card-image-link[b-4h9g6jvwjg] {
    max-width: 100%;
    word-break: break-all;
    white-space: normal;
}

/* ===============================
   Modal Image
   =============================== */

.od-modal-image-wrap[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min(68vh, calc(var(--lap-1) * 160));
    overflow: hidden;
    background: var(--lap-gray-100);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
}

    .od-modal-image-wrap img[b-4h9g6jvwjg] {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .od-modal-image-wrap.is-detail[b-4h9g6jvwjg] {
        display: block;
        height: min(72vh, calc(var(--lap-1) * 180));
        overflow-y: auto;
        overflow-x: hidden;
    }

        .od-modal-image-wrap.is-detail img[b-4h9g6jvwjg] {
            display: block;
            width: 100%;
            max-width: 100%;
            max-height: none;
            height: auto;
            object-fit: initial;
        }

.od-modal-footer[b-4h9g6jvwjg] {
    display: flex;
    justify-content: center;
    gap: var(--lap-2);
    width: 100%;
}

/* ===============================
   Mobile Action
   PC Toolbar 느낌과 통일
   =============================== */

.od-mobile-action[b-4h9g6jvwjg] {
    flex-direction: column;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
    margin-bottom: var(--lap-4);
}

.od-mobile-result-bar[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--lap-2);
    width: 100%;
    min-width: 0;
}

    .od-mobile-result-bar .lap-search-summary-text[b-4h9g6jvwjg] {
        flex: 1 1 calc(var(--lap-1) * 52);
        min-width: calc(var(--lap-1) * 52);
        white-space: nowrap;
    }

.od-mobile-select-bar[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
}

.od-mobile-action-check[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}

.od-mobile-download[b-4h9g6jvwjg] {
    flex: 1 1 auto;
    min-width: 0;
}

/* ===============================
   Mobile Card
   =============================== */

.od-mobile-list[b-4h9g6jvwjg] {
    width: 100%;
    min-width: 0;
}

.od-card[b-4h9g6jvwjg] {
    margin-bottom: var(--lap-3);
}

    .od-card.is-selected[b-4h9g6jvwjg] {
        border-color: var(--lap-primary-300);
        background: var(--lap-primary-50);
    }

.od-card-head[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
}

.od-card-select-area[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    min-height: var(--lap-11);
    cursor: pointer;
}

.od-card-title[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    min-width: 0;
}

.od-card-checkbox[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.od-card-side-inline[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--lap-2);
    flex: 0 0 auto;
    min-width: 0;
}

.od-card-price[b-4h9g6jvwjg] {
    flex: 0 0 auto;
    color: var(--lap-text-primary);
    font-weight: var(--lap-fw-semibold);
    white-space: nowrap;
}

.od-card-toggle-button[b-4h9g6jvwjg] {
    min-width: auto;
}

    .od-card-toggle-button .lb-ico-right[b-4h9g6jvwjg] {
        transition: transform var(--lap-motion-fast) ease;
    }

    .od-card-toggle-button.is-open .lb-ico-right[b-4h9g6jvwjg] {
        transform: rotate(180deg);
    }

.od-card-detail[b-4h9g6jvwjg] {
    min-width: 0;
}

.od-card-image-row[b-4h9g6jvwjg] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--lap-2);
    margin-top: var(--lap-3);
}

/* ===============================
   Mobile Card Image Actions
   =============================== */

.od-card-image-actions[b-4h9g6jvwjg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
}

.od-card-image-action-group[b-4h9g6jvwjg] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-2);
    min-width: 0;
}

.od-card-image-label[b-4h9g6jvwjg] {
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
    font-weight: var(--lap-fw-medium);
}

.od-card-image-buttons[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    gap: var(--lap-1);
    min-width: 0;
}

    .od-card-image-buttons > *[b-4h9g6jvwjg] {
        flex: 1 1 auto;
        min-width: 0;
    }

/* ===============================
   Page Size Select
   =============================== */

.od-table-actions[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--lap-3);
    min-width: 0;
}

.od-wrap .lap-search-summary-actions[b-4h9g6jvwjg] {
    align-items: flex-end;
}

.od-page-size[b-4h9g6jvwjg] {
    display: flex;
    align-items: flex-end;
    min-width: 0;
}

.od-page-size-select[b-4h9g6jvwjg] {
    min-width: calc(var(--lap-1) * 30);
}

.od-mobile-page-size[b-4h9g6jvwjg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    min-width: 0;
    margin-left: auto;
}

.od-page-size-select-mobile[b-4h9g6jvwjg] {
    width: calc(var(--lap-1) * 28);
    min-width: calc(var(--lap-1) * 28);
}

/* ===============================
   Guide Cards
   =============================== */

.lap-guide-card-link[b-4h9g6jvwjg] {
    display: inline-flex;
    align-items: center;
    gap: var(--lap-1);
}

.lap-guide-card-link-icon[b-4h9g6jvwjg] {
    flex: 0 0 auto;
}
/* /Components/Pages/ProductData/OpenmarketData/OpenmarketGuideDetail.razor.rz.scp.css */
/* =========================================
   OpenmarketGuideDetail
   Prefix: ogd-
   ========================================= */

.ogd-root[b-7ni9dli82a] {
    color: var(--lap-text-main);
}

.ogd-breadcrumb[b-7ni9dli82a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--lap-2);
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
}

    .ogd-breadcrumb button[b-7ni9dli82a] {
        color: var(--lap-color-primary);
        font: inherit;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

        .ogd-breadcrumb button:hover[b-7ni9dli82a] {
            text-decoration: underline;
            text-underline-offset: var(--lap-1);
        }

    .ogd-breadcrumb strong[b-7ni9dli82a] {
        min-width: 0;
        color: var(--lap-text-main);
        font-weight: var(--lap-fw-semibold);
    }

.ogd-detail-card[b-7ni9dli82a] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.ogd-content-header[b-7ni9dli82a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lap-3);
    min-width: 0;
    padding-bottom: var(--lap-3);
    border-bottom: 1px solid var(--lap-gray-200);
}

.ogd-title[b-7ni9dli82a] {
    min-width: 0;
    margin: 0;
    color: var(--lap-text-main);
    line-height: 1.35;
    text-align: left;
}

.ogd-list-button[b-7ni9dli82a] {
    flex: 0 0 auto;
}

.ogd-article[b-7ni9dli82a] {
    color: var(--lap-text-main);
    font-size: var(--lap-fs-body);
    line-height: 1.75;
}

.ogd-article :deep(*)[b-7ni9dli82a] {
    font-size: inherit;
    line-height: inherit;
}

.ogd-article :deep(h1)[b-7ni9dli82a],
.ogd-article :deep(h2)[b-7ni9dli82a],
.ogd-article :deep(h3)[b-7ni9dli82a],
.ogd-article :deep(h4)[b-7ni9dli82a],
.ogd-article :deep(h5)[b-7ni9dli82a],
.ogd-article :deep(h6)[b-7ni9dli82a] {
    margin: 0 0 var(--lap-3);
    color: var(--lap-text-main);
    font-size: var(--lap-fs-body);
    font-weight: var(--lap-fw-bold);
    line-height: 1.75;
}

.ogd-article :deep(p)[b-7ni9dli82a],
.ogd-article :deep(div)[b-7ni9dli82a],
.ogd-article :deep(ul)[b-7ni9dli82a],
.ogd-article :deep(ol)[b-7ni9dli82a] {
    margin-top: 0;
    margin-bottom: var(--lap-3);
}

.ogd-article :deep(img)[b-7ni9dli82a] {
    max-width: 100%;
    height: auto;
}

.ogd-article :deep(a)[b-7ni9dli82a] {
    color: var(--lap-color-primary);
}

@media (max-width: 576px) {
    .ogd-content-header[b-7ni9dli82a] {
        align-items: stretch;
        flex-direction: column;
    }

    .ogd-list-button[b-7ni9dli82a] {
        width: 100%;
    }
}
/* /Components/Pages/ProductData/ProductCatalog/ProductCatalog.razor.rz.scp.css */
/* =========================================
   ProductCatalog
   Prefix: pc-
   ========================================= */

.pc-wrap[b-a8vw1a3npy] {
    width: 100%;
    min-width: 0;
}

.pc-guide-panel[b-a8vw1a3npy] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-4);
    width: 100%;
    min-width: 0;
    padding: var(--lap-5);
}

.pc-guide-cover[b-a8vw1a3npy] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--lap-gray-100);
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-lg);
}

.pc-guide-cover-img[b-a8vw1a3npy] {
    display: block;
    width: 100%;
    height: auto;
}

.pc-guide-cover-frame[b-a8vw1a3npy] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--lap-white);
    pointer-events: none;
}

.pc-guide-content[b-a8vw1a3npy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--lap-2);
    min-width: 0;
}

.pc-guide-kicker[b-a8vw1a3npy] {
    color: var(--lap-primary-500);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
    line-height: var(--lap-lh-normal);
}

.pc-guide-title[b-a8vw1a3npy] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size4);
    font-weight: var(--lap-fw-bold);
    line-height: var(--lap-lh-tight);
}

.pc-guide-desc[b-a8vw1a3npy] {
    margin-top: var(--lap-1);
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal-plus);
    word-break: keep-all;
}

.pc-guide-action[b-a8vw1a3npy] {
    margin-top: var(--lap-4);
}
/* /Components/Pages/ProductData/ProductSpec/ProductSpec.razor.rz.scp.css */
.psm-root[b-97m7fpmyfy] {
    color: var(--lap-text-main);
}

.psm-filter[b-97m7fpmyfy] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--lap-2);
    width: 100%;
    max-width: none;
    min-width: 0;
}

.psm-filter-main[b-97m7fpmyfy] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--lap-2);
    width: auto;
    max-width: none;
    min-width: 0;
}

.psm-filter-main[b-97m7fpmyfy]  .ls-root {
    flex: 0 0 auto;
}

.psm-search-actions[b-97m7fpmyfy] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    flex: 0 0 auto;
    min-width: 0;
}

.psm-search-actions[b-97m7fpmyfy]  .li-root {
    flex: 0 0 auto;
    min-width: 0;
}

.psm-search-actions[b-97m7fpmyfy]  .lb-root {
    flex: 0 0 auto;
}

.psm-search-actions[b-97m7fpmyfy]  .li-root.li-w-header-search {
    width: 240px;
    flex-basis: 240px;
}

.psm-filter-main[b-97m7fpmyfy]  .ls-value {
    color: var(--lap-text-tertiary);
}

.psm-table-wrap[b-97m7fpmyfy],
.psm-table[b-97m7fpmyfy] {
    width: 100%;
    min-width: 0;
}

.psm-cols[b-97m7fpmyfy] {
    grid-template-columns: minmax(100px, 1fr) minmax(90px, 1fr) minmax(220px, 2fr) minmax(180px, 2fr);
    min-width: 720px;
    text-align: center;
}

.lap-table-head.psm-cols > div[b-97m7fpmyfy],
.lap-table-row.psm-cols > div[b-97m7fpmyfy] {
    min-width: 0;
    padding: var(--lap-3) var(--lap-2);
    word-break: keep-all;
}

.psm-table-head[b-97m7fpmyfy] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.psm-table-row[b-97m7fpmyfy] {
    width: 100%;
    color: var(--lap-text-tertiary);
    text-align: center;
    cursor: pointer;
}

.psm-table-row:hover[b-97m7fpmyfy] {
    color: var(--lap-text-main);
}

.psm-table-empty[b-97m7fpmyfy] {
    min-height: var(--lap-12);
    pointer-events: none;
}

.psm-table-message[b-97m7fpmyfy] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--lap-1) * 24);
    padding: var(--lap-5);
    color: var(--lap-text-secondary);
    text-align: center;
}

.psm-table-message.is-error[b-97m7fpmyfy] {
    color: var(--lap-danger-500);
}

.psm-material-icon[b-97m7fpmyfy] {
    display: inline-block;
    width: calc(var(--lap-1) * 12);
    height: auto;
    max-height: var(--lap-7);
    object-fit: contain;
}

.psm-mobile-list[b-97m7fpmyfy] {
    width: 100%;
    min-width: 0;
}

.psm-card[b-97m7fpmyfy] {
    appearance: none;
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    width: 100%;
    margin-bottom: var(--lap-3);
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.psm-card:hover[b-97m7fpmyfy] {
    border-color: var(--lap-primary-300);
}

.psm-card-head[b-97m7fpmyfy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
}

.psm-card-title[b-97m7fpmyfy] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    min-width: 0;
}

.psm-card-name[b-97m7fpmyfy] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-bold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.psm-card-icon[b-97m7fpmyfy] {
    flex: 0 0 auto;
    width: calc(var(--lap-1) * 14);
    max-height: calc(var(--lap-1) * 9);
    object-fit: contain;
}

.psm-card .lap-white-card-row[b-97m7fpmyfy] {
    align-items: flex-start;
    gap: var(--lap-3);
}

.psm-card .lap-white-card-row > span:last-child[b-97m7fpmyfy] {
    min-width: 0;
    color: var(--lap-text-main);
    text-align: right;
    word-break: keep-all;
}

.psm-empty-card[b-97m7fpmyfy] {
    color: var(--lap-text-tertiary);
    text-align: center;
}

.psm-empty-card.is-error[b-97m7fpmyfy] {
    color: var(--lap-danger-500);
}

@media (max-width: 767.98px) {
    .psm-filter[b-97m7fpmyfy] {
        align-items: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        max-width: none;
    }

    .psm-filter-main[b-97m7fpmyfy] {
        flex-direction: column;
        gap: var(--lap-2);
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .psm-filter-main[b-97m7fpmyfy]  .ls-root {
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
    }

    .psm-search-actions[b-97m7fpmyfy] {
        flex: 0 0 auto;
        width: 100%;
    }

    .psm-search-actions[b-97m7fpmyfy]  .li-root,
    .psm-search-actions[b-97m7fpmyfy]  .li-root.li-w-header-search {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        flex-basis: 0;
    }

    .psm-search-actions[b-97m7fpmyfy]  .lb-root {
        flex: 0 0 auto;
    }
}
/* /Components/Pages/ProductData/TestReport/TestReport.razor.rz.scp.css */
/* =========================================
   TestReport
   Prefix: tr-
   ========================================= */

.tr-wrap[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Notice
   =============================== */

.tr-notice[b-x92blglu8f] {
    line-height: var(--lap-lh-normal-plus);
}

.tr-notice-list .lap-panel-notice-term[b-x92blglu8f]::after {
    content: none;
}

/* ===============================
   Search
   =============================== */

.tr-search[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-search-main[b-x92blglu8f] {
    width: 100%;
    max-width: 760px;
    min-width: 0;
}

.tr-search .li-root[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Table
   =============================== */

.tr-table-wrap[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

/* lap-table-container가 overflow-x를 담당하므로 tr-table에는 overflow 주지 않음 */
.tr-table[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-cols[b-x92blglu8f] {
    display: grid;
    grid-template-columns: minmax(180px, 1.25fr) minmax(220px, 1.45fr) repeat(4, minmax(96px, 0.7fr));
    align-items: center;
    min-width: 880px;
    text-align: center;
}

.lap-table-head.tr-cols > div[b-x92blglu8f],
.lap-table-row.tr-cols > div[b-x92blglu8f] {
    min-width: 0;
    padding: var(--lap-3) var(--lap-2);
    word-break: keep-all;
}

.tr-title-cell[b-x92blglu8f] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-medium);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-empty[b-x92blglu8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 860px;
    min-height: var(--lap-16);
    padding: var(--lap-5);
    border-bottom: 1px solid var(--lap-gray-200);
    background: var(--lap-white);
    color: var(--lap-text-tertiary);
    text-align: center;
}

/* ===============================
   Mobile Card
   =============================== */

.tr-mobile-list[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-mobile-select-row[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
    margin-bottom: var(--lap-3);
}

.tr-mobile-select-grid[b-x92blglu8f] {
    align-items: center;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

    .tr-mobile-select-grid > [class*="col-"][b-x92blglu8f] {
        min-width: 0;
    }

.tr-mobile-all-check[b-x92blglu8f] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.tr-card[b-x92blglu8f] {
    margin-bottom: var(--lap-3);
}

.tr-card-head[b-x92blglu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
}

.tr-card-title[b-x92blglu8f] {
    display: flex;
    align-items: center;
    gap: var(--lap-2);
    min-width: 0;
}

    .tr-card-title span[b-x92blglu8f] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tr-card-actions[b-x92blglu8f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--lap-2);
    margin-top: var(--lap-4);
}

.tr-empty-card[b-x92blglu8f] {
    color: var(--lap-text-tertiary);
    text-align: center;
}

/* ===============================
   Pagination
   =============================== */

.tr-pagination[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Request Status
   =============================== */

.tr-request-section[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-request-head[b-x92blglu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    margin-bottom: var(--lap-3);
    width: 100%;
    min-width: 0;
}

.tr-request-title[b-x92blglu8f] {
    margin-bottom: 0;
}

.tr-request-empty[b-x92blglu8f] {
    color: var(--lap-text-tertiary);
    text-align: center;
}

.tr-request-table-wrap[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-request-table[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-request-cols[b-x92blglu8f] {
    display: grid;
    grid-template-columns: minmax(100px, 0.8fr) minmax(110px, 0.8fr) minmax(180px, 1.2fr) minmax(100px, 0.7fr) minmax(120px, 0.8fr) minmax(130px, 0.9fr) minmax(130px, 0.9fr);
    align-items: center;
    min-width: 900px;
    text-align: center;
}

.lap-table-head.tr-request-cols > div[b-x92blglu8f],
.lap-table-row.tr-request-cols > div[b-x92blglu8f] {
    min-width: 0;
    padding: var(--lap-3) var(--lap-2);
    word-break: keep-all;
}

/* ===============================
   Request Status Mobile
   =============================== */

.tr-request-mobile-list[b-x92blglu8f] {
    width: 100%;
    min-width: 0;
}

.tr-request-card[b-x92blglu8f] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
    margin-bottom: var(--lap-3);
}

.tr-request-card-head[b-x92blglu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
}

.tr-request-card-title[b-x92blglu8f] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-text-main);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-regular);
    line-height: var(--lap-lh-normal);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-request-divider[b-x92blglu8f] {
    margin: 0;
}

.tr-request-card-row[b-x92blglu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    width: 100%;
    min-width: 0;
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal);
}

.tr-request-card-label[b-x92blglu8f] {
    flex: 0 0 auto;
    color: var(--lap-text-tertiary);
    font-weight: var(--lap-fw-regular);
    white-space: nowrap;
}

.tr-request-card-value[b-x92blglu8f] {
    min-width: 0;
    overflow: hidden;
    color: var(--lap-text-main);
    font-weight: var(--lap-fw-regular);
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/ProductData/TestReport/TestReportForm.razor.rz.scp.css */
/* =========================================
   TestReportForm
   Prefix: trf-
   ========================================= */

.trf-wrap[b-oafbqrw2fk] {
    width: 100%;
    min-width: 0;
}

/* ===============================
   Form
   =============================== */

.trf-form[b-oafbqrw2fk] {
    width: 100%;
    min-width: 0;
    padding: var(--lap-6);
}

.trf-form-grid[b-oafbqrw2fk] {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

    .trf-form-grid > [class*="col-"][b-oafbqrw2fk] {
        min-width: 0;
    }

.trf-field[b-oafbqrw2fk] {
    width: 100%;
    min-width: 0;
}

.trf-field-label[b-oafbqrw2fk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--lap-1);
    margin-bottom: var(--lap-2);
}

    .trf-field-label .lap-form-label[b-oafbqrw2fk] {
        color: var(--lap-text-main);
        font-size: var(--lap-text-size3);
        font-weight: var(--lap-fw-semibold);
    }

.trf-label-main[b-oafbqrw2fk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--lap-1);
    min-width: 0;
}

.trf-report-label[b-oafbqrw2fk] {
    justify-content: space-between;
    gap: var(--lap-2);
}

.trf-label-help[b-oafbqrw2fk] {
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
}

.trf-required[b-oafbqrw2fk] {
    color: var(--lap-danger-500);
}

/* ===============================
   Check
   =============================== */

.trf-check-row[b-oafbqrw2fk] {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: var(--lap-3);
}

    .trf-check-row > [class*="col-"][b-oafbqrw2fk] {
        min-width: 0;
    }

.trf-check-box[b-oafbqrw2fk] {
    display: flex;
    align-items: center;
    min-height: var(--lap-10);
    width: 100%;
    min-width: 0;
}

/* ===============================
   Textarea
   =============================== */

.trf-textarea[b-oafbqrw2fk] {
    width: 100%;
    min-height: 160px;
    resize: vertical;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-sm);
    background: var(--lap-white);
    color: var(--lap-text-main);
    font-family: var(--lap-font-family);
    font-size: var(--lap-text-size2);
    padding: var(--lap-4);
    outline: none;
}

    .trf-textarea:focus[b-oafbqrw2fk] {
        border-color: var(--lap-primary-400);
    }

    .trf-textarea.is-error[b-oafbqrw2fk] {
        border-color: var(--lap-danger-500);
    }

        .trf-textarea.is-error:focus[b-oafbqrw2fk] {
            border-color: var(--lap-danger-500);
        }

/* LapInput error */
.trf-form .li-root.is-error .li-box[b-oafbqrw2fk] {
    border-color: var(--lap-danger-500);
}

    .trf-form .li-root.is-error .li-box:focus-within[b-oafbqrw2fk] {
        border-color: var(--lap-danger-500);
    }

/* ===============================
   Helper / Submit
   =============================== */

.trf-field-helper[b-oafbqrw2fk] {
    margin-top: var(--lap-3);
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size1);
}

.trf-submit-error[b-oafbqrw2fk] {
    color: var(--lap-danger-500);
    font-size: var(--lap-text-size2);
}

/* ===============================
   Complete Modal
   =============================== */

.trf-modal-body[b-oafbqrw2fk] {
    color: var(--lap-text-main);
    font-size: var(--lap-text-size3);
    line-height: var(--lap-lh-normal-plus);
}

    .trf-modal-body p + p[b-oafbqrw2fk] {
        margin-top: var(--lap-1);
    }

.trf-modal-foot[b-oafbqrw2fk] {
    width: 100%;
}
/* /Components/Pages/Public/AZPartnerInfo.razor.rz.scp.css */
.azp-root[b-ybtcn47epg] {
  --azp-container: 1200px;
  --azp-section-space: calc(var(--lap-13) + var(--lap-8));
  min-width: 0;
  overflow: clip;
  color: var(--lap-text-main);
  background: var(--lap-white);
}

.azp-container[b-ybtcn47epg] {
  width: min(100% - calc(var(--lap-6) * 2), var(--azp-container));
  margin-inline: auto;
}

.azp-route-transition[b-ybtcn47epg] {
  position: fixed;
  inset: calc(var(--lap-1) * 16) 0 0;
  z-index: 19;
  display: none;
  overflow: hidden;
  color: var(--lap-white);
  background: var(--lap-gray-50);
  pointer-events: auto;
}

.azp-is-leaving .azp-route-transition[b-ybtcn47epg] { display: block; }

.azp-route-transition__hero[b-ybtcn47epg] {
  padding: var(--lap-13) 0;
  background: linear-gradient(135deg, #10233f, #174e7c 58%, #1e91ba);
}

.azp-route-transition__container[b-ybtcn47epg] {
  width: min(1120px, calc(100% - var(--lap-8)));
  margin-inline: auto;
}

.azp-route-transition__container p[b-ybtcn47epg] {
  margin: 0 0 var(--lap-3);
  color: #8ed9ef;
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-bold);
  letter-spacing: .16em;
}

.azp-route-transition__title[b-ybtcn47epg] {
  margin: 0;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: var(--lap-fw-bold);
  line-height: 1.15;
}

.azp-route-transition__container span[b-ybtcn47epg] {
  display: block;
  margin-top: var(--lap-4);
  color: rgb(255 255 255 / 82%);
  line-height: var(--lap-lh-normal-plus);
}

.azp-hero[b-ybtcn47epg] {
  position: relative;
  display: grid;
  align-items: center;
  /* 공용 헤더(64px) 아래의 첫 화면을 Hero가 끝까지 채워 다음 흰 섹션이 보이지 않게 한다. */
  min-height: max(860px, calc(100svh - calc(var(--lap-1) * 16)));
  overflow: hidden;
  isolation: isolate;
  color: var(--lap-white);
  background: var(--lap-primary-900);
}

.azp-hero[b-ybtcn47epg]::before,
.azp-hero[b-ybtcn47epg]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}

.azp-hero[b-ybtcn47epg]::before {
  background-image: var(--azp-hero-image);
  background-position: 68% center;
  background-size: cover;
  /* Hero 높이 확장으로 달라진 desktop cover 크롭을 기존 시선 높이에 맞춘다. */
  transform: translateY(calc(var(--azp-hero-shift, 0) + var(--lap-3))) scale(1.08);
  will-change: transform;
}

.azp-hero[b-ybtcn47epg]::after {
  background:
    linear-gradient(90deg, rgb(4 26 45 / 96%) 0%, rgb(7 44 74 / 88%) 42%, rgb(7 44 74 / 38%) 72%, rgb(4 26 45 / 20%) 100%),
    linear-gradient(0deg, rgb(4 26 45 / 38%), transparent 45%);
}

.azp-hero__inner[b-ybtcn47epg] {
  width: min(100% - calc(var(--lap-8) * 2), calc(var(--lap-1) * 360));
  padding-block: calc(var(--lap-13) * 2) var(--lap-13);
}

.azp-hero__eyebrow[b-ybtcn47epg],
.azp-apply__eyebrow[b-ybtcn47epg] {
  margin: 0 0 var(--lap-5);
  color: var(--lap-primary-300);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
  letter-spacing: .12em;
}

.azp-hero__title[b-ybtcn47epg] {
  max-width: 760px;
  margin: 0;
  font-size: clamp(var(--lap-text-size7), 4.6vw, var(--lap-text-size9));
  line-height: var(--lap-lh-tight);
  letter-spacing: -.04em;
  word-break: keep-all;
}

.azp-hero__title span[b-ybtcn47epg] { color: var(--lap-primary-300); }

.azp-hero__desc[b-ybtcn47epg] {
  margin: var(--lap-6) 0 var(--lap-8);
  color: rgb(255 255 255 / 82%);
  font-size: var(--lap-text-size4);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

.azp-hero__cta[b-ybtcn47epg] {
  display: inline-flex;
  align-items: center;
  gap: var(--lap-3);
  min-height: var(--lap-12);
  padding-inline: var(--lap-6);
  border-radius: var(--lap-r-lg);
  color: var(--lap-white);
  background: var(--lap-primary-400);
  font-weight: var(--lap-fw-semibold);
  text-decoration: none;
  transition: background var(--lap-motion), transform var(--lap-motion);
}

.azp-hero__cta .lap-icon[b-ybtcn47epg] { background-color: currentColor; }
.azp-hero__cta:hover[b-ybtcn47epg] { background: var(--lap-primary-500); transform: translateY(-2px); }

.azp-content[b-ybtcn47epg] { padding-bottom: var(--azp-section-space); }
.azp-section[b-ybtcn47epg] { padding-top: var(--azp-section-space); }

.azp-section-head[b-ybtcn47epg] {
  max-width: 860px;
  margin-bottom: var(--lap-8);
}

.azp-section-head__kicker[b-ybtcn47epg] {
  display: inline-flex;
  margin: 0 0 var(--lap-4);
  padding: var(--lap-2) var(--lap-3);
  border-radius: var(--lap-r-max);
  color: var(--lap-primary-600);
  background: var(--lap-primary-50);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
}

.azp-section-head h2[b-ybtcn47epg] {
  margin: 0;
  font-size: clamp(var(--lap-text-size5), 2.7vw, var(--lap-text-size7));
  line-height: var(--lap-lh-normal);
  letter-spacing: -.025em;
  word-break: keep-all;
}

.azp-section-head__desc[b-ybtcn47epg] {
  margin: var(--lap-4) 0 0;
  color: var(--lap-text-muted);
  font-size: var(--lap-text-size3);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

.azp-benefit-grid[b-ybtcn47epg] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--lap-5);
}

.azp-benefit-card[b-ybtcn47epg] {
  grid-column: span 2;
  overflow: hidden;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
  transition: transform var(--lap-motion), box-shadow var(--lap-motion);
}

.azp-benefit-card:nth-child(4)[b-ybtcn47epg] { grid-column: 2 / span 2; }
.azp-benefit-card:hover[b-ybtcn47epg] { transform: translateY(-6px); box-shadow: var(--lap-shadow-3); }

.azp-benefit-card__image[b-ybtcn47epg] {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--lap-gray-100);
}

.azp-benefit-card__image img[b-ybtcn47epg] {
  width: 100%;
  height: 100%;
  padding: var(--lap-3);
  object-fit: contain;
}

.azp-benefit-card__image > span[b-ybtcn47epg] {
  position: absolute;
  top: var(--lap-4);
  left: var(--lap-4);
  display: grid;
  place-items: center;
  width: var(--lap-10);
  height: var(--lap-10);
  border-radius: var(--lap-r-max);
  color: var(--lap-white);
  background: var(--lap-primary-500);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
}

.azp-benefit-card__body[b-ybtcn47epg] { padding: var(--lap-6); }
.azp-benefit-card h3[b-ybtcn47epg],
.azp-service-card h3[b-ybtcn47epg],
.azp-qualification-card h3[b-ybtcn47epg],
.azp-process h3[b-ybtcn47epg],
.azp-order-flow h3[b-ybtcn47epg] { margin: 0; font-size: var(--lap-text-size5); line-height: var(--lap-lh-tight); }

.azp-benefit-card__body > p[b-ybtcn47epg] {
  min-height: calc(var(--lap-text-size2) * 3.2);
  margin: var(--lap-3) 0 var(--lap-5);
  color: var(--lap-text-muted);
  line-height: var(--lap-lh-normal-plus);
}

.azp-benefit-card__body > strong[b-ybtcn47epg] {
  display: inline-flex;
  padding: var(--lap-2) var(--lap-3);
  border-radius: var(--lap-r-max);
  color: var(--lap-primary-600);
  background: var(--lap-primary-50);
  font-size: var(--lap-text-size1);
}

.azp-product-grid[b-ybtcn47epg],
.azp-service-grid[b-ybtcn47epg] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lap-6);
}

.azp-product-card[b-ybtcn47epg] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
}

.azp-product-card__copy[b-ybtcn47epg] { padding: var(--lap-8); }
.azp-product-card__label[b-ybtcn47epg] { margin: 0 0 var(--lap-3); color: var(--lap-primary-500); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); letter-spacing: .12em; }
.azp-product-card h3[b-ybtcn47epg] { margin: 0 0 var(--lap-2); font-size: var(--lap-text-size6); }
.azp-product-card__copy > strong[b-ybtcn47epg] { color: var(--lap-primary-600); }
.azp-product-card__copy > p:not(.azp-product-card__label)[b-ybtcn47epg] { min-height: 52px; margin: var(--lap-4) 0 var(--lap-6); color: var(--lap-text-muted); line-height: var(--lap-lh-normal-plus); }

.azp-product-types[b-ybtcn47epg],
.azp-spec-grid[b-ybtcn47epg] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-lg);
  background: var(--lap-gray-50);
}

.azp-product-types > div[b-ybtcn47epg],
.azp-spec-grid > div[b-ybtcn47epg] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: var(--lap-3) var(--lap-1);
  border-right: 1px solid var(--lap-gray-200);
  text-align: center;
}

.azp-product-types > div:last-child[b-ybtcn47epg],
.azp-spec-grid > div:last-child[b-ybtcn47epg] { border-right: 0; }
.azp-product-types img[b-ybtcn47epg] { width: var(--lap-12); height: var(--lap-12); object-fit: contain; }
.azp-product-types span[b-ybtcn47epg],
.azp-spec-grid dd[b-ybtcn47epg] { margin: var(--lap-1) 0 0; color: var(--lap-text-muted); font-size: var(--lap-text-size1); }
.azp-spec-grid dt[b-ybtcn47epg] { overflow: hidden; max-width: 100%; font-size: var(--lap-text-size2); font-weight: var(--lap-fw-bold); text-overflow: ellipsis; white-space: nowrap; }

.azp-product-card__photo[b-ybtcn47epg] {
  width: 100%;
  height: 280px;
  margin-top: auto;
  object-fit: cover;
  background: var(--lap-gray-50);
}

.azp-product-card__photo--printer[b-ybtcn47epg] { object-fit: contain; padding: var(--lap-6); }

.azp-subsection-title[b-ybtcn47epg] {
  display: flex;
  align-items: center;
  gap: var(--lap-4);
  margin-block: var(--lap-12) var(--lap-6);
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
}

.azp-subsection-title[b-ybtcn47epg]::before,
.azp-subsection-title[b-ybtcn47epg]::after { content: ""; flex: 1; height: 1px; background: var(--lap-gray-200); }

.azp-service-card[b-ybtcn47epg] {
  overflow: hidden;
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
}

.azp-service-card > img[b-ybtcn47epg] { width: 100%; height: 250px; object-fit: cover; }
.azp-service-card__body[b-ybtcn47epg] { padding: var(--lap-7); }
.azp-tag-list[b-ybtcn47epg] { display: flex; flex-wrap: wrap; gap: var(--lap-2); margin-bottom: var(--lap-4); }
.azp-tag-list span[b-ybtcn47epg] { color: var(--lap-primary-600); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.azp-service-card__body > strong[b-ybtcn47epg] { display: block; margin-top: var(--lap-3); color: var(--lap-text-secondary); }
.azp-service-card ul[b-ybtcn47epg],
.azp-notice ul[b-ybtcn47epg] { margin: var(--lap-4) 0 0; padding-left: var(--lap-5); color: var(--lap-text-muted); line-height: var(--lap-lh-normal-xl); }

.azp-solution[b-ybtcn47epg] {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.7fr);
  gap: var(--lap-8);
  align-items: center;
  margin-top: var(--lap-6);
  padding: var(--lap-8);
  border-radius: var(--lap-r-2xl);
  color: var(--lap-white);
  background: linear-gradient(135deg, var(--lap-primary-900), var(--lap-primary-700));
}

.azp-solution__intro img[b-ybtcn47epg] { width: min(100%, 260px); filter: brightness(0) invert(1); }
.azp-solution__intro > p[b-ybtcn47epg] { margin: var(--lap-4) 0 var(--lap-2); color: var(--lap-primary-200); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); letter-spacing: .12em; }
.azp-solution__intro h3[b-ybtcn47epg] { margin: 0 0 var(--lap-2); font-size: var(--lap-text-size5); }
.azp-solution__intro > span[b-ybtcn47epg] { color: rgb(255 255 255 / 68%); font-size: var(--lap-text-size2); }
.azp-solution__flow[b-ybtcn47epg] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.azp-solution__flow > div[b-ybtcn47epg] { position: relative; min-width: 0; padding: var(--lap-5); border-left: 1px solid rgb(255 255 255 / 18%); }
.azp-solution__number[b-ybtcn47epg] { color: var(--lap-primary-300); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); }
.azp-solution__flow h4[b-ybtcn47epg] { margin: var(--lap-2) 0; font-size: var(--lap-text-size4); }
.azp-solution__flow p[b-ybtcn47epg] { margin: 0; color: rgb(255 255 255 / 72%); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-plus); }
.azp-solution__flow p[b-ybtcn47epg]  strong { color: var(--lap-white); }

.azp-qualification-grid[b-ybtcn47epg] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lap-4);
}

.azp-qualification-card[b-ybtcn47epg] {
  display: flex;
  align-items: center;
  gap: var(--lap-5);
  min-width: 0;
  padding: var(--lap-6);
  border: 1px solid var(--lap-gray-200);
  border-radius: var(--lap-r-xl);
  background: var(--lap-white);
  transition: border-color var(--lap-motion), background var(--lap-motion);
}

.azp-qualification-card:hover[b-ybtcn47epg] { border-color: var(--lap-primary-200); background: var(--lap-primary-50); }
.azp-qualification-card img[b-ybtcn47epg] { flex: 0 0 auto; width: var(--lap-12); height: var(--lap-12); object-fit: contain; }
.azp-qualification-card h3[b-ybtcn47epg] { font-size: var(--lap-text-size4); }
.azp-qualification-card p[b-ybtcn47epg] { margin: var(--lap-2) 0 0; color: var(--lap-text-muted); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-plus); }

.azp-process[b-ybtcn47epg],
.azp-order-flow[b-ybtcn47epg] { margin: 0; padding: 0; list-style: none; }

.azp-process[b-ybtcn47epg] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: var(--lap-8);
}

.azp-process[b-ybtcn47epg]::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: var(--lap-9);
  right: 12.5%;
  left: 12.5%;
  height: 2px;
  background: var(--lap-gray-300);
}

.azp-process li[b-ybtcn47epg] {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-inline: var(--lap-4);
  text-align: center;
}

.azp-process__circle[b-ybtcn47epg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--lap-9) * 2);
  height: calc(var(--lap-9) * 2);
  margin-bottom: var(--lap-5);
  border: 3px solid var(--lap-primary-400);
  border-radius: var(--lap-r-max);
  color: var(--lap-primary-500);
  background: var(--lap-primary-50);
}

.azp-process__circle .lap-icon[b-ybtcn47epg] { background-color: currentColor; }
.azp-process__circle.is-done[b-ybtcn47epg] { color: var(--lap-white); background: var(--lap-primary-400); }
.azp-process h3[b-ybtcn47epg] { color: var(--lap-primary-800); font-size: var(--lap-text-size4); }
.azp-process p[b-ybtcn47epg] { margin: var(--lap-2) 0 0; color: var(--lap-text-muted); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-xl); }

.azp-notice[b-ybtcn47epg] {
  display: flex;
  gap: var(--lap-4);
  margin-top: var(--lap-5);
  padding: var(--lap-5) var(--lap-6);
  border-radius: var(--lap-r-lg);
  color: var(--lap-information-700);
  background: var(--lap-information-50);
}
.azp-notice > .lap-icon[b-ybtcn47epg] { flex: 0 0 auto; margin-top: var(--lap-1); background-color: var(--lap-information-500); }
.azp-notice ul[b-ybtcn47epg] { margin-top: var(--lap-2); color: var(--lap-information-700); font-size: var(--lap-text-size2); }

.azp-order-flow[b-ybtcn47epg] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lap-4); }
.azp-order-flow li[b-ybtcn47epg] { min-width: 0; min-height: 220px; padding: var(--lap-6); border-radius: var(--lap-r-xl); background: var(--lap-gray-50); }
.azp-order-flow li > span[b-ybtcn47epg] { display: block; margin-bottom: var(--lap-8); color: var(--lap-primary-500); font-size: var(--lap-text-size3); font-weight: var(--lap-fw-bold); }
.azp-order-flow h3[b-ybtcn47epg] { font-size: var(--lap-text-size4); }
.azp-order-flow p[b-ybtcn47epg] { margin: var(--lap-3) 0 0; color: var(--lap-text-muted); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal-plus); }

.azp-apply[b-ybtcn47epg] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-block: calc(var(--lap-13) + var(--lap-8));
  color: var(--lap-white);
  background: var(--lap-primary-900);
  text-align: center;
}

.azp-apply__glow[b-ybtcn47epg] {
  position: absolute;
  z-index: -1;
  top: -40%;
  left: 50%;
  width: min(720px, 90vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--lap-primary-600);
  filter: blur(120px);
  opacity: .52;
  transform: translateX(-50%);
}

.azp-apply__eyebrow[b-ybtcn47epg] { margin-bottom: var(--lap-4); }
.azp-apply h2[b-ybtcn47epg] { margin: 0; font-size: clamp(var(--lap-text-size5), 3.5vw, var(--lap-text-size7)); line-height: var(--lap-lh-normal); letter-spacing: -.025em; }
.azp-apply__desc[b-ybtcn47epg] { margin: var(--lap-5) auto 0; color: rgb(255 255 255 / 72%); font-size: var(--lap-text-size3); line-height: var(--lap-lh-normal); word-break: keep-all; }
.azp-mobile-br[b-ybtcn47epg] { display: none; }
.azp-apply__action[b-ybtcn47epg] { display: flex; flex-direction: column; align-items: center; gap: var(--lap-5); margin-top: var(--lap-8); }
.azp-apply__action[b-ybtcn47epg]  .azp-confirm {
  --lc-text-color: var(--lap-white);
  color: var(--lap-white);
}
.azp-apply__validation[b-ybtcn47epg] { margin: calc(var(--lap-3) * -1) 0 0; color: var(--lap-warning-200); font-size: var(--lap-text-size2); }

/* JS가 모션 상태를 붙이기 전 Hero 원문이 먼저 보였다 사라지는 첫 페인트를 차단한다. */
.azp-motion-pending .azp-hero [data-azp-reveal][b-ybtcn47epg],
.azp-motion-ready [data-azp-reveal][b-ybtcn47epg] {
  opacity: 0;
  transform: translateY(var(--lap-10));
}
.azp-motion-ready [data-azp-reveal].is-visible[b-ybtcn47epg] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 700ms cubic-bezier(.2,.7,.2,1), transform 700ms cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--azp-reveal-delay, 0ms);
}

@media (max-width: 991.98px) {
  .azp-root[b-ybtcn47epg] { --azp-section-space: var(--lap-13); }
  .azp-benefit-grid[b-ybtcn47epg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .azp-benefit-card[b-ybtcn47epg],
  .azp-benefit-card:nth-child(4)[b-ybtcn47epg] { grid-column: auto; }
  .azp-benefit-card:last-child[b-ybtcn47epg] { grid-column: 1 / -1; width: calc(50% - var(--lap-3)); justify-self: center; }
  .azp-product-grid[b-ybtcn47epg],
  .azp-service-grid[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-solution[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-solution__flow > div:first-child[b-ybtcn47epg] { border-left: 0; }
  .azp-qualification-grid[b-ybtcn47epg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .azp-process[b-ybtcn47epg],
  .azp-order-flow[b-ybtcn47epg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .azp-process[b-ybtcn47epg] { row-gap: var(--lap-8); }
  .azp-process[b-ybtcn47epg]::before { display: none; }
}

@media (max-width: 767.98px) {
  .azp-route-transition__hero[b-ybtcn47epg] { padding-block: calc(var(--lap-12) + var(--lap-4)); }
  .azp-route-transition__container[b-ybtcn47epg] {
    width: min(100% - var(--lap-5), 1120px);
    text-align: center;
  }
  .azp-container[b-ybtcn47epg] { width: min(100% - calc(var(--lap-5) * 2), var(--azp-container)); }
  .azp-hero__inner[b-ybtcn47epg] { width: min(100% - calc(var(--lap-5) * 2), calc(var(--lap-1) * 360)); }
  /* 기존 하단 콘텐츠 위치는 유지하고, 64px 공개 헤더만큼 Hero 높이를 빼 CTA 하단이 첫 화면 안에 들어오게 한다. */
  .azp-hero[b-ybtcn47epg] { min-height: calc(100svh - calc(var(--lap-1) * 16)); align-items: end; }
  .azp-hero[b-ybtcn47epg]::before {
    /* 전체 화면을 덮는 원래 비율은 유지하면서, 프린터가 제목 위쪽에 오도록 가로 기준만 옮긴다. */
    background-image: url('https://images.label.kr/site/www_labelplaza_com/az-partner-main1-mobile.png');
    background-position: 44% center;
    background-size: cover;
    transform: translateY(calc(var(--azp-hero-shift, 0) - var(--lap-10))) scale(1.02);
  }
  .azp-hero[b-ybtcn47epg]::after { background: linear-gradient(0deg, rgb(4 26 45 / 98%) 8%, rgb(4 26 45 / 82%) 58%, rgb(4 26 45 / 30%) 100%); }
  .azp-hero__inner[b-ybtcn47epg] { padding-block: var(--lap-6) var(--lap-8); }
  .azp-hero__eyebrow[b-ybtcn47epg] { margin-bottom: var(--lap-3); font-size: var(--lap-text-size1); }
  .azp-hero__title[b-ybtcn47epg] { font-size: clamp(var(--lap-text-size5), 8vw, var(--lap-text-size6)); line-height: var(--lap-lh-tight); }
  .azp-hero__desc[b-ybtcn47epg] { margin: var(--lap-4) 0 var(--lap-6); font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal); }
  .azp-desktop-br[b-ybtcn47epg] { display: none; }
  .azp-hero__cta[b-ybtcn47epg] { width: 100%; justify-content: center; }
  .azp-section-head[b-ybtcn47epg] { margin-bottom: var(--lap-6); }
  .azp-section-head h2[b-ybtcn47epg] { font-size: var(--lap-text-size5); line-height: var(--lap-lh-normal); letter-spacing: -.015em; }
  .azp-section-head__desc[b-ybtcn47epg] { font-size: var(--lap-text-size2); line-height: var(--lap-lh-normal); }
  .azp-benefit-grid[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-benefit-card:last-child[b-ybtcn47epg] { grid-column: auto; width: auto; }
  .azp-benefit-card[b-ybtcn47epg] { display: grid; grid-template-columns: 42% minmax(0, 1fr); }
  .azp-benefit-card__image[b-ybtcn47epg] { height: 100%; aspect-ratio: auto; }
  .azp-benefit-card__body[b-ybtcn47epg] { padding: var(--lap-5); }
  .azp-benefit-card h3[b-ybtcn47epg] { font-size: var(--lap-text-size3); }
  .azp-benefit-card__body > p[b-ybtcn47epg] { min-height: 0; font-size: var(--lap-text-size2); }
  .azp-product-card__copy[b-ybtcn47epg],
  .azp-service-card__body[b-ybtcn47epg] { padding: var(--lap-5); }
  .azp-product-card h3[b-ybtcn47epg] { font-size: var(--lap-text-size4); }
  .azp-product-types[b-ybtcn47epg],
  .azp-spec-grid[b-ybtcn47epg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .azp-product-types > div:nth-child(2)[b-ybtcn47epg],
  .azp-spec-grid > div:nth-child(2)[b-ybtcn47epg] { border-right: 0; }
  .azp-product-types > div:nth-child(-n+2)[b-ybtcn47epg],
  .azp-spec-grid > div:nth-child(-n+2)[b-ybtcn47epg] { border-bottom: 1px solid var(--lap-gray-200); }
  .azp-product-card__photo[b-ybtcn47epg] { height: 220px; }
  .azp-service-card > img[b-ybtcn47epg] { height: 200px; }
  .azp-subsection-title[b-ybtcn47epg] { margin-top: var(--lap-10); font-size: var(--lap-text-size3); }
  .azp-solution[b-ybtcn47epg] { padding: var(--lap-6); }
  .azp-solution__intro h3[b-ybtcn47epg] {
    font-size: var(--lap-text-size2);
    letter-spacing: -.03em;
    white-space: nowrap;
  }
  .azp-solution__flow[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-solution__flow > div[b-ybtcn47epg] { border-top: 1px solid rgb(255 255 255 / 18%); border-left: 0; }
  .azp-qualification-grid[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-qualification-card[b-ybtcn47epg] { padding: var(--lap-5); }
  .azp-qualification-card h3[b-ybtcn47epg],
  .azp-process h3[b-ybtcn47epg],
  .azp-order-flow h3[b-ybtcn47epg] { font-size: var(--lap-text-size3); }
  .azp-notice[b-ybtcn47epg] { padding: var(--lap-5); }
  .azp-order-flow[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-order-flow li[b-ybtcn47epg] { min-height: 0; }
  .azp-order-flow li > span[b-ybtcn47epg] { margin-bottom: var(--lap-5); }
  .azp-apply[b-ybtcn47epg] { padding-block: var(--lap-13); }
  .azp-apply h2[b-ybtcn47epg] { font-size: var(--lap-text-size5); }
  .azp-apply__desc[b-ybtcn47epg] { font-size: var(--lap-text-size2); }
  .azp-apply__action[b-ybtcn47epg] { align-items: stretch; }
  .azp-apply__action[b-ybtcn47epg]  .azp-confirm { align-self: center; text-align: left; }
  .azp-mobile-br[b-ybtcn47epg] { display: block; }
}

@media (max-width: 767.98px) and (max-height: 640px) {
  /* 세로가 짧은 모바일에서도 CTA가 접히지 않도록 Hero의 문장 간격을 한 번 더 압축한다. */
  .azp-hero__inner[b-ybtcn47epg] { padding-block: var(--lap-3) var(--lap-4); }
  .azp-hero__eyebrow[b-ybtcn47epg] { margin-bottom: var(--lap-2); }
  .azp-hero__title[b-ybtcn47epg] { font-size: var(--lap-text-size5); }
  .azp-hero__desc[b-ybtcn47epg] { margin-block: var(--lap-3) var(--lap-4); font-size: var(--lap-text-size1); }
  .azp-hero__cta[b-ybtcn47epg] { min-height: var(--lap-11); }
}

@media (max-width: 420px) {
  .azp-benefit-card[b-ybtcn47epg] { grid-template-columns: 1fr; }
  .azp-benefit-card__image[b-ybtcn47epg] { aspect-ratio: 16 / 8; }
  .azp-benefit-card__body > p[b-ybtcn47epg] { margin-bottom: var(--lap-4); }
}

@media (max-width: 575.98px) {
  .azp-process[b-ybtcn47epg] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .azp-root *[b-ybtcn47epg],
  .azp-root *[b-ybtcn47epg]::before,
  .azp-root *[b-ybtcn47epg]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* /Components/Pages/Public/AZPartnerRegister.razor.rz.scp.css */
.azr-root[b-d75hdwz6v2] { background: var(--lap-gray-50); color: var(--lap-text-main); }
.azr-container[b-d75hdwz6v2] { width: min(1120px, calc(100% - var(--lap-8))); margin-inline: auto; }
.azr-hero[b-d75hdwz6v2] { padding: var(--lap-13) 0; color: var(--lap-white); background: linear-gradient(135deg, #10233f, #174e7c 58%, #1e91ba); }
.azr-hero p[b-d75hdwz6v2] { margin: 0 0 var(--lap-3); color: #8ed9ef; font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); letter-spacing: .16em; }
.azr-hero h1[b-d75hdwz6v2] { margin: 0; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.15; }
.azr-hero > div > span[b-d75hdwz6v2] { display: block; margin-top: var(--lap-4); color: rgba(255,255,255,.82); line-height: var(--lap-lh-normal-plus); }
.azr-content[b-d75hdwz6v2] { padding-block: var(--lap-10) var(--lap-13); }
.azr-panel[b-d75hdwz6v2] { padding: var(--lap-8); margin-bottom: var(--lap-6); background: var(--lap-white); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-lg); box-shadow: var(--lap-shadow-1); }
.azr-section-title[b-d75hdwz6v2] { display: flex; gap: var(--lap-4); padding-bottom: var(--lap-6); margin-bottom: var(--lap-6); border-bottom: 1px solid var(--lap-gray-200); }
.azr-section-title > span[b-d75hdwz6v2] { display: grid; place-items: center; flex: 0 0 var(--lap-9); height: var(--lap-9); color: var(--lap-color-primary); background: var(--lap-primary-50); border-radius: 50%; font-weight: var(--lap-fw-bold); }
.azr-section-title h2[b-d75hdwz6v2] { margin: 0; font-size: var(--lap-text-size5); }
.azr-section-title p[b-d75hdwz6v2] { margin: var(--lap-1) 0 0; color: var(--lap-text-muted); }
.azr-required[b-d75hdwz6v2],
.azr-form-grid[b-d75hdwz6v2]  .azr-required-field .li-label::after,
.azr-form-grid[b-d75hdwz6v2]  .azr-required-field .ls-label::after,
.azr-address[b-d75hdwz6v2]  .azr-required-address .li-label::after,
.azr-upload[b-d75hdwz6v2]  .azr-required-upload .lfu-label::after,
.azr-policy-card[b-d75hdwz6v2]  .azr-required-check .lc-text::after { color: var(--lap-color-primary); font-size: calc(var(--lap-text-size1) - 2px); font-style: italic; font-weight: var(--lap-fw-regular); }
.azr-form-grid[b-d75hdwz6v2]  .azr-required-field .li-label::after,
.azr-form-grid[b-d75hdwz6v2]  .azr-required-field .ls-label::after,
.azr-address[b-d75hdwz6v2]  .azr-required-address .li-label::after,
.azr-upload[b-d75hdwz6v2]  .azr-required-upload .lfu-label::after,
.azr-policy-card[b-d75hdwz6v2]  .azr-required-check .lc-text::after { content: " (필수)"; }
.azr-radio-row[b-d75hdwz6v2], .azr-check-grid[b-d75hdwz6v2] { display: flex; flex-wrap: wrap; gap: var(--lap-6); }
.azr-info[b-d75hdwz6v2] { margin-top: var(--lap-5); padding: var(--lap-5); color: var(--lap-text-main); background: var(--lap-primary-50); border-radius: var(--lap-r-md); }
.azr-info p[b-d75hdwz6v2] { margin: var(--lap-2) 0 0; line-height: var(--lap-lh-normal-plus); }
.azr-policy-grid[b-d75hdwz6v2], .azr-form-grid[b-d75hdwz6v2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-6); }
.azr-policy-card[b-d75hdwz6v2] { min-width: 0; }
.azr-policy-card h3[b-d75hdwz6v2] { margin: 0 0 var(--lap-3); font-size: var(--lap-text-size3); }
.azr-policy-scroll[b-d75hdwz6v2] { height: 280px; padding: var(--lap-5); margin-bottom: var(--lap-4); overflow: auto; border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-md); background: var(--lap-gray-50); }
.azr-action-field[b-d75hdwz6v2] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--lap-2); }
.azr-check-message[b-d75hdwz6v2] { grid-column: 1 / -1; margin: 0; font-size: var(--lap-text-size1); }
.azr-check-message.is-success[b-d75hdwz6v2] { color: var(--lap-success-700); }
.azr-check-message.is-error[b-d75hdwz6v2], .azr-field-error[b-d75hdwz6v2] { color: var(--lap-danger-600); }
.azr-field-error[b-d75hdwz6v2] { margin: var(--lap-2) 0 0; font-size: var(--lap-text-size1); }
.azr-address[b-d75hdwz6v2], .azr-upload[b-d75hdwz6v2] { margin-top: var(--lap-6); }
.azr-qualification[b-d75hdwz6v2] { padding: var(--lap-5); margin-bottom: var(--lap-5); background: var(--lap-gray-50); border-radius: var(--lap-r-md); }
.azr-qualification ul[b-d75hdwz6v2] { margin: var(--lap-3) 0 0; padding-left: var(--lap-5); color: var(--lap-text-muted); line-height: var(--lap-lh-normal-xl); }
.azr-same-info[b-d75hdwz6v2] { display: flex; justify-content: flex-end; margin-bottom: var(--lap-4); }
.azr-faq[b-d75hdwz6v2] { padding: var(--lap-6); margin-top: var(--lap-6); background: var(--lap-primary-50); border-radius: var(--lap-r-md); }
.azr-faq h3[b-d75hdwz6v2] { margin: 0 0 var(--lap-4); font-size: var(--lap-text-size4); }
.azr-faq details[b-d75hdwz6v2] { padding-block: var(--lap-3); border-bottom: 1px solid var(--lap-primary-100); }
.azr-faq summary[b-d75hdwz6v2] { cursor: pointer; font-weight: var(--lap-fw-semibold); }
.azr-faq details p[b-d75hdwz6v2], .azr-faq > p[b-d75hdwz6v2] { margin: var(--lap-3) 0 0; color: var(--lap-text-muted); line-height: var(--lap-lh-normal-plus); }
.azr-faq a[b-d75hdwz6v2] { color: var(--lap-color-primary); text-decoration: underline; }
.azr-form-grid--wide[b-d75hdwz6v2] { margin-top: var(--lap-6); grid-template-columns: 1fr; }
.azr-textarea-field label[b-d75hdwz6v2], .azr-phone-field > label[b-d75hdwz6v2] { display: block; margin-bottom: var(--lap-2); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-semibold); }
.azr-textarea-field label span[b-d75hdwz6v2] { float: right; color: var(--lap-text-muted); font-weight: var(--lap-fw-regular); }
.azr-textarea-field textarea[b-d75hdwz6v2] { width: 100%; min-height: 132px; padding: var(--lap-4); resize: vertical; color: inherit; font: inherit; border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); outline: none; }
.azr-textarea-field textarea:focus[b-d75hdwz6v2] { border-color: var(--lap-color-primary); box-shadow: 0 0 0 3px var(--lap-primary-100); }
.azr-phone-field > div[b-d75hdwz6v2] { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: var(--lap-2); }
.azr-error-summary[b-d75hdwz6v2] { padding: var(--lap-4); margin-bottom: var(--lap-5); color: var(--lap-danger-700); background: var(--lap-danger-50); border: 1px solid var(--lap-danger-200); border-radius: var(--lap-r-md); }
.azr-submit[b-d75hdwz6v2] { padding-top: var(--lap-4); text-align: center; }
.azr-reapply-modal p[b-d75hdwz6v2] { margin: 0; color: var(--lap-text-muted); line-height: var(--lap-lh-normal-plus); }
.azr-reapply-modal p + p[b-d75hdwz6v2] { margin-top: var(--lap-2); color: var(--lap-text-main); font-weight: var(--lap-fw-semibold); }
.azr-modal-actions[b-d75hdwz6v2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lap-3); width: 100%; }
.azr-modal-actions[b-d75hdwz6v2]  .lb-root { width: 100%; }

@media (max-width: 767.98px) {
	.azr-container[b-d75hdwz6v2] { width: min(100% - var(--lap-5), 1120px); }
	/* 모바일에서는 제목 영역이 답답해 보이지 않도록 배너의 상하 여백을 넉넉히 둔다. */
	.azr-hero[b-d75hdwz6v2] { padding-block: calc(var(--lap-12) + var(--lap-4)); }
	.azr-hero .azr-container[b-d75hdwz6v2] { text-align: center; }
	.azr-panel[b-d75hdwz6v2] { padding: var(--lap-5); }
	.azr-policy-grid[b-d75hdwz6v2], .azr-form-grid[b-d75hdwz6v2] { grid-template-columns: 1fr; }
	.azr-policy-scroll[b-d75hdwz6v2] { height: 220px; }
	.azr-radio-row[b-d75hdwz6v2], .azr-check-grid[b-d75hdwz6v2] { flex-direction: column; gap: var(--lap-4); }
}
/* /Components/Pages/Public/AZPartnerRegisterDone.razor.rz.scp.css */
.azd-root[b-glm844eo7k] { display: grid; place-items: center; min-height: 72vh; padding: var(--lap-12) var(--lap-4); background: linear-gradient(180deg, var(--lap-primary-50), var(--lap-gray-50)); }
.azd-card[b-glm844eo7k] { width: min(720px, 100%); padding: var(--lap-12); text-align: center; background: var(--lap-white); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); box-shadow: var(--lap-shadow-3); }
.azd-check[b-glm844eo7k] { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto var(--lap-5); color: var(--lap-white); background: var(--lap-color-primary); border-radius: 50%; }
.azd-eyebrow[b-glm844eo7k] { margin: 0 0 var(--lap-3); color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); letter-spacing: .12em; }
.azd-card h1[b-glm844eo7k] { margin: 0; font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.3; }
.azd-description[b-glm844eo7k], .azd-thanks[b-glm844eo7k] { color: var(--lap-text-muted); line-height: var(--lap-lh-normal-plus); }
.azd-description[b-glm844eo7k] { margin: var(--lap-5) 0; }
.azd-notice[b-glm844eo7k] { padding: var(--lap-6); text-align: left; background: var(--lap-gray-50); border-radius: var(--lap-r-md); }
.azd-notice ul[b-glm844eo7k] { margin: var(--lap-3) 0 0; padding-left: var(--lap-5); color: var(--lap-text-muted); line-height: 1.9; }
.azd-thanks[b-glm844eo7k] { margin: var(--lap-6) 0; }
.azd-actions[b-glm844eo7k] { display: flex; justify-content: center; gap: var(--lap-3); }
@media (max-width: 575.98px) { .azd-card[b-glm844eo7k] { padding: var(--lap-7) var(--lap-5); } .azd-actions[b-glm844eo7k] { flex-direction: column; } .azd-actions[b-glm844eo7k]  .lb-root { width: 100%; } }
/* /Components/Pages/Public/PromotionLanding.razor.rz.scp.css */
.plp-root[b-eur13249vt] {
  min-height: 100dvh;
  background: var(--lap-surface-0);
  color: var(--lap-text-main);
}

/* =========================================================
   CONTENT 토큰
   ========================================================= */
.plp-content[b-eur13249vt] {
  --plp-viewport-height: 100dvh;
  --plp-hero-height: 101dvh;
  --plp-x: calc(var(--lap-1) * 47.5); /* 190px */
  --plp-section-y: calc(var(--lap-1) * 47.5); /* 섹션 세로 여백 */
  --plp-gap: calc(var(--lap-1) * 20); /* 80px */
  --plp-hero-fs: calc(var(--lap-1) * 12); /* 48px */
  --plp-heading-fs: var(--lap-text-size7); /* 36px */
  --plp-title-fs: var(--lap-text-size6); /* 30px */
  --plp-body-fs: var(--lap-text-size4); /* 18px */
  --plp-scene-fs: calc(var(--lap-1) * 12); /* 48px */
  --plp-anchor-gap: var(--lap-13); /* 데스크톱 헤더 아래 제목 여백 80px */

  position: relative;
  scroll-padding-top: var(--plp-anchor-gap); /* JS가 브라우저 계산 px 값을 읽는 내비게이션 기준 */
  overflow-x: clip; /* 패럴럭스/이동 애니메이션의 가로 넘침 방지 */
}

.plp-accent[b-eur13249vt] {
  color: var(--lap-color-primary);
}

/* 문장 호흡을 모바일에서만 고정할 때 사용한다. MarkupString 내부 요소는 ::deep 규칙이 필요하다. */
.plp-mobile-br[b-eur13249vt] {
  display: none;
}

[b-eur13249vt] .plp-mobile-br {
  display: none;
}

.plp-heading[b-eur13249vt] {
  color: var(--lap-gray-800);
  font-size: var(--lap-text-size6);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;

}

.plp-subhead[b-eur13249vt] {
  margin-top: var(--lap-4);
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

.plp-section-head[b-eur13249vt] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-4);
  margin-bottom: var(--plp-gap);
}

.plp-section-head--center[b-eur13249vt] {
  align-items: center;
  text-align: center;
}

/* =========================================================
   첫 화면
   ========================================================= */
.plp-hero[b-eur13249vt] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--plp-hero-height, 101dvh);
  padding: var(--plp-section-y) var(--plp-x);
  background: var(--lap-primary-900);
  overflow: hidden;
  isolation: isolate;
}

.plp-hero__inner[b-eur13249vt] {
  position: relative;
  top: calc(var(--lap-1) * -16); /* sticky 헤더 높이만큼 올려 첫 진입부터 소개 클릭 후 위치로 배치 */
  width: 100%;
  max-width: calc(var(--lap-1) * 360); /* 1440px */
  /* 위로 살짝 이동: transform 은 promotionLanding.js buildHero 의 스크롤 패럴럭스(yPercent 트윈)가
     이 요소에 직접 걸리므로 충돌하지 않도록 margin 으로 처리한다. */
  margin-top: calc(var(--lap-1) * -3); /* 12px */
}

/* 로고와 문구를 화면 중앙에 배치한다. */
.plp-hero__logo[b-eur13249vt] {
  width: 100%;
  overflow: hidden;
}

/* lap-active-logo.svg 파일을 <img> 로 로드. 파일 내장 애니메이션이 모프를 재생한다. */
.plp-logo-svg[b-eur13249vt] {
  display: block;
  width: 100%;
  height: auto;
}

.plp-hero__tagline[b-eur13249vt] {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  color: var(--lap-text-white);
  text-align: left;
  opacity: 0; /* 로고 애니메이션이 끝난 뒤 화면 효과로 표시한다. */
}

.plp-hero__eyebrow[b-eur13249vt] {
  color: var(--lap-primary-400);
  font-size: var(--plp-body-fs);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
}

.plp-hero__headline[b-eur13249vt] {
  font-size: var(--lap-text-size9);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-tight);
  word-break: keep-all;
}

/* 스크롤 유도 원형 버튼 */
.plp-scroll-cue[b-eur13249vt] {
  position: absolute;
  left: 50%;
  bottom: calc(var(--lap-1) * 12);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--lap-1);
  width: calc(var(--lap-1) * 28);
  height: calc(var(--lap-1) * 28);
  border: 1px solid color-mix(in srgb, var(--lap-white) 30%, transparent);
  border-radius: var(--lap-r-max);
  color: var(--lap-gray-400);
}

/* 히어로 스크롤 큐도 첫 페인트부터 숨김(로고 모프 후 JS 가 노출). 씬의 큐(--onImage)는 영향 없음. */
[data-plp-scroll-cue][b-eur13249vt] {
  opacity: 0;
}

.plp-scroll-cue--onImage[b-eur13249vt] {
  border-color: color-mix(in srgb, var(--lap-white) 45%, transparent);
  color: var(--lap-white);
}

.plp-scroll-cue__text[b-eur13249vt] {
  font-size: var(--plp-body-fs);
  font-weight: var(--lap-fw-medium);
  line-height: 1;
}

.plp-scroll-cue__icon[b-eur13249vt] {
  color: currentColor;
  animation: plp-bob-b-eur13249vt 1.8s ease-in-out infinite;
}

@keyframes plp-bob-b-eur13249vt {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(25%);
  }
}

/* =========================================================
   STORY : company1 ~ company4
   ========================================================= */
.plp-story[b-eur13249vt] {
  position: relative;
}

  /* pinned 모드(JS 동작 시): stage 가 뷰포트에 고정되고 씬들이 겹쳐 쌓인다.
   무JS/모션최소화 시에는 일반 흐름을 유지해 각 씬을 순서대로 스크롤로 읽을 수 있다. */
  .plp-story.is-pinned .plp-story__stage[b-eur13249vt] {
    position: relative;
    height: var(--plp-viewport-height, 100dvh);
    overflow: hidden;
  }

.plp-scene[b-eur13249vt] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--plp-viewport-height, 100dvh);
  padding: var(--plp-section-y) var(--plp-x);
  overflow: hidden;
  isolation: isolate;
}

.plp-story.is-pinned .plp-scene[b-eur13249vt] {
  position: absolute;
  inset: 0;
  min-height: 0;
}

.plp-scene__bg[b-eur13249vt] {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

  .plp-scene__bg img[b-eur13249vt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 씬이 화면을 차지하는 동안 scale(1→1.12)로 천천히 확대(Ken Burns 줌인, promotionLanding.js
       buildScenes). 부모(.plp-scene__bg)의 overflow:hidden 가 확대분을 클립하므로 여백/레이아웃
       이동이 없다. */
  }

.plp-scene[b-eur13249vt]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: color-mix(in srgb, var(--lap-primary-700) 80%, transparent);
}

.plp-scene__body[b-eur13249vt] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--lap-1) * 10);
  max-width: calc(var(--lap-1) * 385);
  text-align: center;
  color: var(--lap-text-white);
}

.plp-scene__title[b-eur13249vt] {
  font-size: var(--lap-text-size7);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
  color: color-mix(in srgb, var(--lap-white) 90%, transparent);
}

.plp-scene__title-strong[b-eur13249vt] {
  color: var(--lap-white);
}

.plp-scene__title-accent[b-eur13249vt] {
  color: var(--lap-primary-300);
}

.plp-scene__desc[b-eur13249vt] {
  font-size: var(--lap-text-size5); /* 24px */
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
  color: color-mix(in srgb, var(--lap-white) 82%, transparent);
}

/* =========================================================
   ABOUT (Products1) : 회사 소개 + 지표 + 성장 그래프
   ========================================================= */
.plp-about[b-eur13249vt] {
  position: relative;
  /* 좌우 패딩: 넓은 화면은 최대 400px, 좁아지면 콘텐츠 폭(928px)을 유지하며 줄어들어
     992px 에서 정확히 32px(태블릿 값)에 도달 → 991/992px 경계에서 튐 없이 이어진다.
     (992px 바로 위 구간에서 400px 고정이 콘텐츠를 과도하게 눌러 깨지던 문제를 방지) */
  padding: var(--plp-section-y) clamp(var(--lap-8), calc((100% - 928px) / 2), calc(var(--lap-1) * 100));
  background: var(--lap-white);
  overflow: hidden;
  isolation: isolate;
}

.plp-about__body[b-eur13249vt] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--lap-8);
  max-width: calc(var(--lap-1) * 160);
  margin: 0 auto;
  text-align: center;
}

.plp-chip[b-eur13249vt] {
  display: inline-flex;
  align-items: center;
  padding: var(--lap-2) var(--lap-4);
  border-radius: var(--lap-r-max);
  background: var(--lap-primary-50);
  color: var(--lap-primary-500);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
}

.plp-stat-list[b-eur13249vt] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-12);
  margin-top: var(--lap-4);
}

.plp-stat[b-eur13249vt] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
}

.plp-stat__label[b-eur13249vt] {
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
}

.plp-stat__value[b-eur13249vt] {
  display: flex;
  align-items: baseline;
  gap: var(--lap-1);
  color: var(--lap-text-primary);
  font-size: var(--plp-hero-fs);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-tight);
  font-variant-numeric: tabular-nums;
}

.plp-stat__unit[b-eur13249vt] {
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
}

.plp-about__chart[b-eur13249vt] {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 70%;
  pointer-events: none;
}

  .plp-about__chart svg[b-eur13249vt] {
    width: 100%;
    height: 100%;
  }

.plp-chart__line[b-eur13249vt] {
  stroke-dasharray: var(--plp-chart-len, 2600);
  stroke-dashoffset: var(--plp-chart-len, 2600);
}

/* =========================================================
   PRODUCTS (AboutLabel) : 제품·프로그램 카드 그리드
   ========================================================= */
.plp-products[b-eur13249vt] {
  /* 좌우 패딩은 .plp-about 과 동일 규칙(콘텐츠 928px 유지, 992px 경계에서 32px 로 매끄럽게 연결) */
  padding: var(--plp-section-y) clamp(var(--lap-8), calc((100% - 928px) / 2), calc(var(--lap-1) * 100));
  background: var(--lap-white);
  --plp-pcard-title: var(--lap-text-size6); /* 30px (태블릿·모바일에서 축소) */
  --plp-pcard-label: var(--lap-text-size4); /* 18px (태블릿·모바일에서 축소) */
  --plp-pcard-logo-h: calc(var(--lap-1) * 11); /* 44px (태블릿·모바일에서 축소) */
  --plp-pcard-logo-w: calc(var(--lap-1) * 34); /* 136px, 로고마다 원본 비율이 달라도 동일한 자리를 차지 */
  --plp-pcard-plus: calc(var(--lap-1) * 7.5); /* 30px (호버 없는 모바일에서만 노출) */
}

.plp-product-grid[b-eur13249vt] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lap-6); /* 카드 사이 간격 */
}

/* 카드: 배경 사진 위에 좌상단 텍스트를 배치한다. */
.plp-product-card[b-eur13249vt] {
  position: relative;
  aspect-ratio: 548 / 627;
  overflow: hidden;
  border-radius: var(--lap-r-2xl);
  background: var(--lap-gray-100);
  box-shadow: var(--lap-shadow-2);
  transition: transform var(--lap-motion) ease, box-shadow var(--lap-motion) ease;
}

/* 맞춤라벨 카드는 가로 전체를 사용한다. */
.plp-product-card--wide[b-eur13249vt] {
  grid-column: 1 / -1;
  aspect-ratio: 1120 / 628;
}

.plp-product-card__img[b-eur13249vt] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  color: transparent; /* 이미지 미연결 시 alt/깨진 아이콘 노출 최소화 */
  transition: transform var(--lap-motion) ease;
}

  .plp-product-card:hover .plp-product-card__img[b-eur13249vt] {
    transform: scale(1.03);
  }

/* 호버 시 사진 위에 깔리는 흰색 스크림. 기본은 투명, hover 에서만 페이드인된다.
   z-index 는 img(레이어 0) 보다 위, __body(텍스트, z-index:2) 보다 아래에 둔다. */
.plp-product-card__scrim[b-eur13249vt] {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: color-mix(in srgb, var(--lap-white) 48%, transparent);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity var(--lap-motion) ease;
  pointer-events: none;
}

.plp-product-card.is-expanded .plp-product-card__scrim[b-eur13249vt] {
  opacity: 1;
}

/* 모바일에서만 카드 전체 터치를 받는 투명한 버튼이다. */
.plp-product-card__mobile-toggle[b-eur13249vt] {
  display: none;
}

/* 데스크톱과 태블릿에서는 마우스를 올려 상세 설명을 표시한다. */
@media (min-width: 768px) {
  .plp-product-card:hover .plp-product-card__scrim[b-eur13249vt] {
    opacity: 1;
  }
}

/* 좌상단 오버레이: 라벨(또는 로고) → 제목 → + 아이콘(모바일) → 상세 설명. gap 12, padding 40 */
.plp-product-card__body[b-eur13249vt] {
  position: absolute;
  inset: 0;
  z-index: 2; /* 블러 오버레이(::before, 1열 전용) · 스크림 보다 항상 위 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--lap-3); /* 12px */
  padding: calc(var(--lap-1) * 10); /* 40px */
}

.plp-product-card__label[b-eur13249vt] {
  color: var(--lap-text-secondary);
  font-size: var(--plp-pcard-label);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
}

/* 맞춤라벨 카드의 라벨은 다른 카드의 제목과 같은 위계로 표시한다. */
.plp-product-card--wide .plp-product-card__label[b-eur13249vt] {
  font-size: var(--plp-pcard-title);
  font-weight: var(--lap-fw-bold);
}

/* 로고마다 원본 이미지 비율이 제각각이라도 모두 동일한 박스(--plp-pcard-logo-w × -h) 안에
   object-fit:contain 으로 담아 카드별 로고 크기가 일정해 보이도록 한다. 좌측 정렬 유지를 위해
   object-position 도 left 로 고정한다. */
.plp-product-card__logo[b-eur13249vt] {
  height: var(--plp-pcard-logo-h);
  width: var(--plp-pcard-logo-w);
  object-fit: contain;
  object-position: left center;
}

.plp-product-card__title[b-eur13249vt] {
  color: var(--lap-gray-800);
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

/* 모바일에서는 카드 상태를 보여주는 아이콘을 표시한다. 열리면 같은 자리에서 × 모양으로 회전한다. */
.plp-product-card__plus[b-eur13249vt] {
  display: none;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--plp-pcard-plus);
  height: var(--plp-pcard-plus);
  padding: 0;
  border: none;
  background: transparent;
  color: var(--lap-gray-700);
  cursor: pointer;
  transition: transform var(--lap-motion) ease;
}

  .plp-product-card__plus svg[b-eur13249vt] {
    width: 100%;
    height: 100%;
  }

.plp-product-card.is-expanded .plp-product-card__plus[b-eur13249vt] {
  transform: rotate(45deg);
}

/* 상세 설명은 카드가 열렸을 때만 표시한다. 내용이 길면 카드 안에서 스크롤된다. */
.plp-product-card__detail[b-eur13249vt] {
  align-self: stretch; /* body 의 align-items:flex-start 를 무시하고 전체 너비를 차지 */
  display: flex;
  flex-direction: column;
  gap: var(--lap-3); /* 12px */
  flex: 0 0 auto;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity var(--lap-motion) ease;
}

.plp-product-card.is-expanded .plp-product-card__detail[b-eur13249vt] {
  flex: 1 1 auto;
  max-height: none;
  overflow-y: auto;
  opacity: 1;
}

@media (min-width: 768px) {
  .plp-product-card:hover .plp-product-card__detail[b-eur13249vt] {
    flex: 1 1 auto;
    max-height: none;
    overflow-y: auto;
    opacity: 1;
  }
}

.plp-product-card__detail-text[b-eur13249vt] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size3); /* 16px */
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
}

/* 프로그램 카드 전용 텍스트 링크(무료다운로드/바로 실행하기). 상세 설명 안에서만 노출된다. */
.plp-product-card__link[b-eur13249vt] {
  align-self: flex-start;
  color: var(--lap-primary-400);
  font-size: var(--lap-text-size3); /* 16px */
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
  transition: color var(--lap-motion-fast) ease;
}

  .plp-product-card__link:hover[b-eur13249vt],
  .plp-product-card__link:focus-visible[b-eur13249vt] {
    color: var(--lap-primary-500);
  }

/* =========================================================
   TRUST
   ========================================================= */
.plp-trust[b-eur13249vt] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--plp-gap); /* 헤더 ↔ 카드 80 */
  padding-bottom: var(--lap-14); /* py-190 */
  background: var(--lap-white);
  overflow: hidden; /* full-bleed 마퀴의 가로 넘침 차단 */
  /* 카드 크기는 화면 폭에 맞춰 자연스럽게 줄어든다. */
  --plp-trust-card-w: clamp(calc(var(--lap-1) * 70), 40vw, calc(var(--lap-1) * 144.5)); /* 280~578 */
  --plp-trust-badge: calc(var(--plp-trust-card-w) * 0.197); /* 카드 폭 대비 114/578 비율 유지 */
  --plp-trust-title: clamp(var(--lap-text-size5), 3vw, var(--lap-text-size6)); /* 24~30 */
  --plp-trust-desc: clamp(var(--lap-text-size3), 2.4vw, var(--lap-text-size5)); /* 16~24 */
}

  .plp-trust .plp-section-head[b-eur13249vt] {
    margin-bottom: 0; /* 섹션 gap 으로 간격 처리 */
    padding-inline: var(--plp-x);
  }

/* 마퀴 뷰포트: 기본은 네이티브 가로 스크롤(폴백), JS 동작 시 overflow 숨김 */
.plp-trust-marquee[b-eur13249vt] {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

  .plp-trust-marquee[b-eur13249vt]::-webkit-scrollbar {
    display: none;
  }

  .plp-trust-marquee.is-animating[b-eur13249vt] {
    overflow: hidden;
  }

.plp-trust-track[b-eur13249vt] {
  display: flex;
  align-items: stretch;
  width: max-content;
}

/* 복제 세트는 기본 숨김, 마퀴 동작 시에만 노출 */
.plp-trust-card.is-dupe[b-eur13249vt] {
  display: none;
}

.plp-trust-marquee.is-animating .plp-trust-card.is-dupe[b-eur13249vt] {
  display: flex;
}

/* 주요 고객 카드: 상단 사진과 하단 정보 영역으로 구성한다. */
.plp-trust-card[b-eur13249vt] {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--plp-trust-card-w);
  overflow: clip;
  background: var(--lap-primary-50); /* tone 클래스가 덮어씀 */
}

/* 업종별 카드 배경색 */
.plp-trust-card--primary[b-eur13249vt] {
  background: var(--lap-primary-50);
}

.plp-trust-card--danger[b-eur13249vt] {
  background: var(--lap-danger-50);
}

.plp-trust-card--warning[b-eur13249vt] {
  background: var(--lap-warning-50);
}

.plp-trust-card--success[b-eur13249vt] {
  background: var(--lap-success-50);
}

.plp-trust-card--information[b-eur13249vt] {
  background: var(--lap-information-50);
}

/* 상단 사진은 카드 폭에 맞춰 같은 비율로 표시한다. */
.plp-trust-card__photo[b-eur13249vt] {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 578 / 384;
  overflow: hidden;
}

  .plp-trust-card__photo img[b-eur13249vt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: transparent; /* 이미지 미연결 시 alt/깨진 아이콘 노출 최소화 */
  }

/* 하단 영역: 원형 배지(사진 경계에 겹침) + 제목 + 설명.
   min-height 를 설명 2줄까지 들어가는 값으로 고정해, 설명 길이가 카드마다 달라도
   (1줄/2줄) 모든 카드의 body 높이가 항상 동일하게 유지되도록 한다. */
.plp-trust-card__body[b-eur13249vt] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(var(--lap-1) * 50); /* 200px */
  padding: 0 var(--lap-6) var(--lap-6);
  text-align: center;
}

/* 원형 아이콘 배지: 흰색 원이 사진 하단에 걸쳐 올라오도록 음수 margin 으로 끌어올린다. */
.plp-trust-card__badge[b-eur13249vt] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--plp-trust-badge);
  aspect-ratio: 1;
  margin-top: calc(var(--plp-trust-badge) * -0.5);
  border-radius: var(--lap-r-max);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-2);
}

/* 배지 안 아이콘 이미지: 원형 배지의 약 60% 크기로 중앙 배치 */
.plp-trust-card__icon[b-eur13249vt] {
  width: 60%;
  height: 60%;
  object-fit: contain;
}

.plp-trust-card__title[b-eur13249vt] {
  margin-top: var(--lap-6); /* 24 */
  color: var(--lap-gray-800);
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

.plp-trust-card__desc[b-eur13249vt] {
  margin-top: var(--lap-2); /* 8 */
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

/* =========================================================
   HISTORY 타임라인
   ========================================================= */
.plp-timeline[b-eur13249vt] {
  padding: 0 var(--lap-14) var(--lap-13);
  background: var(--lap-white);
}

.plp-timeline__year[b-eur13249vt] {
  color: var(--lap-primary-500);
  font-size: var(--plp-hero-fs);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-tight);
}

.plp-timeline__list[b-eur13249vt] {
  position: relative;
  max-width: calc(var(--lap-1) * 220);
  margin: 0 auto;
  padding: var(--lap-4) 0;
}

  /* 중앙 세로선 */
  .plp-timeline__list[b-eur13249vt]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: var(--lap-gray-200);
  }

.plp-timeline__item[b-eur13249vt] {
  position: relative;
  display: flex;
  width: 50%;
  padding: calc(var(--lap-1) * 8) 0;
  box-sizing: border-box;
}

.plp-timeline__item--right[b-eur13249vt] {
  margin-left: 50%;
  justify-content: flex-start;
  padding-left: calc(var(--lap-1) * 13);
  text-align: left;
}

.plp-timeline__item--left[b-eur13249vt] {
  margin-left: 0;
  justify-content: flex-end;
  padding-right: calc(var(--lap-1) * 13);
  text-align: right;
}

/* 중앙선 위 점 */
.plp-timeline__dot[b-eur13249vt] {
  position: absolute;
  top: calc(var(--lap-1) * 9);
  width: calc(var(--lap-1) * 3);
  height: calc(var(--lap-1) * 3);
  border-radius: var(--lap-r-max);
  background: var(--lap-primary-400);
}

.plp-timeline__item--right .plp-timeline__dot[b-eur13249vt] {
  left: 0;
  transform: translateX(-50%);
}

.plp-timeline__item--left .plp-timeline__dot[b-eur13249vt] {
  right: 0;
  transform: translateX(50%);
}

.plp-timeline__item.is-current .plp-timeline__dot[b-eur13249vt] {
  width: calc(var(--lap-1) * 5);
  height: calc(var(--lap-1) * 5);
  top: calc(var(--lap-1) * 8);
  background: var(--lap-white);
  border: calc(var(--lap-1) * 1) solid var(--lap-primary-500);
  box-shadow: 0 0 0 calc(var(--lap-1) * 1) color-mix(in srgb, var(--lap-primary-400) 25%, transparent);
}

/* 카드(연도+본문) 자체에는 배경이 없지만, 활성(스크롤로 opacity:1 이 된) 카드가 부웅 하고
   튀어 오르듯 확대되어 생동감을 준다(promotionLanding.js buildTimeline 이 is-timeline-active 를 토글).
   중앙 세로선과 겹치지 않도록 좌/우 정렬에 맞춰 transform-origin 을 바깥쪽으로 둔다. */
.plp-timeline__card[b-eur13249vt] {
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); /* back-out: 살짝 오버슈트하며 부웅 */
}

.plp-timeline__item--right .plp-timeline__card[b-eur13249vt] {
  transform-origin: left center;
}

.plp-timeline__item--left .plp-timeline__card[b-eur13249vt] {
  transform-origin: right center;
}

.plp-timeline__item.is-timeline-active .plp-timeline__card[b-eur13249vt] {
  transform: scale(1.05);
}

.plp-timeline__item-year[b-eur13249vt] {
  color: var(--lap-primary-500);
  font-size: var(--lap-text-size5);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
}

.plp-timeline__item-body[b-eur13249vt] {
  margin-top: var(--lap-3);
}

.plp-timeline__line[b-eur13249vt] {
  color: var(--lap-text-secondary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

  .plp-timeline__line.is-strong[b-eur13249vt] {
    color: var(--lap-primary-500);
    font-weight: var(--lap-fw-bold);
  }

/* =========================================================
   CTA
   배경: 모던하고 깔끔하게 단일 톤 그라디언트 + 블러 블롭 하나로 정리했다.
   ========================================================= */
.plp-cta[b-eur13249vt] {
  position: relative;
  isolation: isolate; /* 배경 레이어들의 z-index 를 이 섹션 안에서만 관리 */
  overflow: hidden; /* 블롭이 섹션 밖으로 새지 않도록 클립 */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--lap-6); /* 24px (eyebrow 포함으로 촘촘하게) */
  padding: calc(var(--lap-1) * 24) var(--plp-x); /* py-96 */
  text-align: center;
  background: linear-gradient(160deg, var(--lap-primary-800) 0%, var(--lap-primary-600) 100%);
  color: var(--lap-text-white);
}

/* 은은한 블러 블롭 하나만 남겨 배경에 최소한의 입체감만 준다(모던·클린 지향). */
.plp-cta__circle[b-eur13249vt] {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 46rem;
  height: 46rem;
  border-radius: 50%;
  pointer-events: none;
  background: var(--lap-primary-400);
  opacity: 0.28;
  filter: blur(90px);
}

/* 콘텐츠(텍스트·버튼)는 배경 레이어들 위에 항상 보이도록 별도 스택 컨텍스트를 준다. */
.plp-cta > [data-plp-reveal][b-eur13249vt] {
  position: relative;
  z-index: 1;
}

.plp-cta__text[b-eur13249vt] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--lap-4); /* 16px */
}

/* 히어로(.plp-hero__eyebrow)와 같은 언어의 작은 라벨로, 큰 제목 위에서 위계를 잡아준다. */
.plp-cta__eyebrow[b-eur13249vt] {
  color: var(--lap-primary-200);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.plp-cta__title[b-eur13249vt] {
  font-size: var(--lap-text-size6);
  font-weight: var(--lap-fw-bold);
  line-height: var(--lap-lh-normal);
  word-break: keep-all;
}

.plp-cta__desc[b-eur13249vt] {
  max-width: calc(var(--lap-1) * 168); /* 672px */
  font-size: var(--lap-text-size4);
  font-weight: var(--lap-fw-medium);
  line-height: var(--lap-lh-normal-plus);
  word-break: keep-all;
}

/* 가입 버튼은 공통 버튼의 기본 색상을 사용한다. */

/* =========================================================
   MOTION 기본 상태 (JS/GSAP 준비 완료 후에만 적용)
   - promotionLanding.js가 .plp-anim-ready 를 추가하기 전에는
     모든 콘텐츠가 그대로 보이도록 하여 점진적 향상을 보장한다.
   ========================================================= */
.plp-anim-ready [data-plp-reveal][b-eur13249vt] {
  opacity: 0;
  transform: translateY(calc(var(--lap-1) * 10));
}

/* pinned 스토리: 첫 씬만 보이고 company2~4 는 숨긴 상태로 시작(스크럽으로 순차 등장, 플래시 방지).
   GSAP 이 초기 상태를 다시 set 하지만, 준비 전 깜빡임을 막기 위해 CSS 로도 숨긴다. */
.plp-anim-ready .plp-story.is-pinned .plp-scene:not(:first-child)[b-eur13249vt] {
  opacity: 0;
}

/* 연혁 항목 기본 흐림(활성 항목만 JS 가 opacity:1 로). 무JS/모션최소화 시엔 모두 선명. */
.plp-anim-ready .plp-timeline__item[b-eur13249vt] {
  opacity: 0.2; /* 활성/비활성 하이라이트는 buildTimeline 이 계속 갱신한다 */
  transform: translateY(calc(var(--lap-1) * 12)); /* 48px 아래에서 시작 → buildTimelineReveal 이 올려준다 */
}

@media (max-width: 1330px) {
  .plp-hero__headline[b-eur13249vt] {
    font-size: var(--lap-text-size6);
  }

  .plp-logo-svg[b-eur13249vt] {
    height: 130px;
  }
}

/* =========================================================
   RESPONSIVE : Tablet (~991px)
   ========================================================= */
@media (max-width: 991.98px) {
  .plp-content[b-eur13249vt] {
    /* JS가 최초 계산하는 large viewport 높이와 첫 CSS 페인트를 맞춰 로고의 수직 점프를 막는다. */
    --plp-viewport-height: 100lvh;
    --plp-hero-height: 101lvh;
    --plp-x: var(--lap-8);
    --plp-section-y: calc(var(--lap-1) * 24); /* 96px */
    --plp-gap: calc(var(--lap-1) * 12); /* 48px */
    --plp-hero-fs: var(--lap-text-size7); /* 36px */
    --plp-heading-fs: calc(var(--lap-1) * 7); /* 28px */
    --plp-title-fs: var(--lap-text-size6); /* 30px */
    --plp-body-fs: var(--lap-text-size4); /* 18px */
    --plp-scene-fs: var(--lap-text-size7); /* 36px */
    --plp-anchor-gap: var(--lap-12); /* 태블릿·모바일 헤더 아래 제목 여백 48px */
  }

  .plp-hero__tagline[b-eur13249vt] {
    right: 3%;
  }

  .plp-hero__eyebrow[b-eur13249vt],
  .plp-hero__headline[b-eur13249vt] {
    text-shadow: 0 1px 12px color-mix(in srgb, var(--lap-primary-900) 60%, transparent);
  }

  .plp-scene__desc[b-eur13249vt],
  .plp-product-card__title[b-eur13249vt] {
    font-size: var(--lap-text-size4);
  }

  .plp-about__body[b-eur13249vt] {
    max-width: none;
  }

  .plp-about__chart[b-eur13249vt] {
    width: 100%;
    height: 45%;
    opacity: 0.7;
  }

  /* 타임라인 좌우 패딩(데스크톱 190/400px)을 태블릿 기준으로 축소 */
  .plp-timeline[b-eur13249vt],
  .plp-products[b-eur13249vt],
  .plp-about[b-eur13249vt] {
    padding: var(--plp-section-y) var(--plp-x);
  }

  /* 제품 카드: 2열 유지하되 오버레이 패딩·텍스트 크기를 줄인다(1열 전환은 767.98px 이하에서만). */
  .plp-products[b-eur13249vt] {
    --plp-pcard-title: var(--lap-text-size5); /* 24px */
    --plp-pcard-label: var(--lap-text-size3); /* 16px */
    --plp-pcard-logo-h: calc(var(--lap-1) * 9); /* 36px */
    --plp-pcard-logo-w: calc(var(--lap-1) * 28); /* 112px */
  }

  .plp-product-card__body[b-eur13249vt] {
    padding: var(--lap-6); /* 24px */
  }

  .plp-cta__title[b-eur13249vt] {
    font-size: var(--lap-text-size6);
  }

  .plp-cta__desc[b-eur13249vt] {
    font-size: var(--lap-text-size4);
  }

}

/* =========================================================
   RESPONSIVE : 991.98px~768px 구간 전용 — Hero 로고/텍스트 겹침 방지
   - 이 구간은 로고가 아직 데스크톱과 같은 절대배치 전체 폭 레이아웃("active")이라
     오른쪽에 겹쳐 있는 태그라인(.plp-hero__tagline, 우측 3%)과 화면이 좁아질수록 겹쳐 보인다.
     완전히 숨기면 로고 모프가 끝난 뒤에도 텍스트가 영영 나오지 않으므로, 숨기는 대신
     767.98px 이하와 동일하게 로고 위 / 텍스트 아래로 세로 stacking 시켜 겹치지 않게 하고
     로고 active(모프)가 끝나면(promotionLanding.js buildHero 의 지연된 opacity 페이드) 텍스트가
     로고 아래에 자연스럽게 나타나도록 한다.
   ========================================================= */
@media (min-width: 768px) and (max-width: 991.98px) {
  .plp-hero__inner[b-eur13249vt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lap-8);
  }

  .plp-hero__tagline[b-eur13249vt] {
    position: static;
    transform: none;
    align-items: center;
    text-align: center;
    right: auto;
  }
}

/* =========================================================
   RESPONSIVE : 768px 이하 (제품 카드 1열 전환)
   ========================================================= */
@media (max-width: 767.98px) {
  .plp-mobile-br[b-eur13249vt],
  [b-eur13249vt] .plp-mobile-br {
    display: inline;
  }

  /* 데스크톱 전용 줄바꿈은 모바일에서 공백으로 이어져 문장 호흡이 지나치게 잘게 끊기지 않게 한다. */
  [b-eur13249vt] .plp-scene__br {
    display: none;
  }

  [b-eur13249vt] .plp-scene__br--mobile-visible {
    display: inline;
  }

  .plp-cta__title[b-eur13249vt] {
    font-size: var(--lap-text-size5);
  }

  .plp-cta__desc[b-eur13249vt] {
    font-size: var(--lap-text-size3);
  }

  /* 제품 카드를 1열로 쌓아 카드 너비가 100%가 되도록 한다. */
  .plp-product-grid[b-eur13249vt] {
    grid-template-columns: 1fr;
  }

  .plp-products[b-eur13249vt] {
    --plp-pcard-plus: calc(var(--lap-1) * 6.5); /* 모바일 카드 상태 아이콘 크기 */
  }

  /* 1열에서는 카드 폭이 곧 화면 폭이 되어 세로로 너무 길어지므로,
     비율을 가로로 눕혀 원래(548/627 기준) 높이의 약 절반이 되도록 한다.
     wide(맞춤라벨) 카드도 동일 비율로 통일해 모든 카드 높이를 맞춘다. */
  .plp-product-card[b-eur13249vt],
  .plp-product-card--wide[b-eur13249vt] {
    aspect-ratio: auto; /* 548/627 의 폭을 2배로 → 동일 폭 기준 높이 절반 */
    height: 380px;
  }

  /* 카드 전체를 눌러 상세 설명을 열고 닫는다. 아이콘과 링크는 기존 위치에서 따로 조작할 수 있다. */
  .plp-product-card__mobile-toggle[b-eur13249vt] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .plp-product-card__body[b-eur13249vt] {
    pointer-events: none;
  }

  .plp-product-card__plus[b-eur13249vt],
  .plp-product-card__link[b-eur13249vt] {
    pointer-events: auto;
  }

  /* 텍스트가 들어가는 좌측 영역의 사진을 블러 + 흰색 톤으로 덮어 가독성을 확보한다.
     backdrop-filter 는 뒤에 겹친 이미지를 실시간으로 블러하고, mask-image 로 우측으로
     갈수록 서서히 사라져 원본 사진과 자연스럽게 이어지도록 한다(참고 이미지와 동일한 효과). */
    .plp-product-card[b-eur13249vt]::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1; /* img(기본 레이어) 위, __body(텍스트) 아래 */
      background: linear-gradient( to right, color-mix(in srgb, var(--lap-white) 50%, transparent) 0%, color-mix(in srgb, var(--lap-white) 42%, transparent) 40%, transparent 78% );
      -webkit-backdrop-filter: blur(var(--plp-pcard-blur));
      backdrop-filter: blur(var(--plp-pcard-blur));
      -webkit-mask-image: linear-gradient(to right, black 0%, black 45%, transparent 82%);
      mask-image: linear-gradient(to right, black 0%, black 45%, transparent 82%);
      pointer-events: none;
    }

  /* 모바일에서 카드의 열림 상태를 보여주는 아이콘을 표시한다. */
  .plp-product-card__plus[b-eur13249vt] {
    display: inline-flex;
  }

  #plp-about-title[b-eur13249vt] {
    width: 100%;
    text-align: center;
  }

  .plp-about__body[b-eur13249vt] {
    align-items: center;
    text-align: center;
  }


  /* 모바일: 로고 위 / 태그라인 아래 세로 정렬. LaP(좌측 절반)만 보이도록 크롭해 중앙에 채운다. */
  .plp-hero__inner[b-eur13249vt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lap-8);
  }

  .plp-hero__logo[b-eur13249vt] {
    width: 100%;
    overflow: hidden;
  }

  .plp-logo-svg[b-eur13249vt] {
    width: 100%; /* viewBox 좌측 51%(LaP)를 컨테이너 폭에 맞춰 채움 */
  }

  .plp-hero__tagline[b-eur13249vt] {
    position: static;
    transform: none;
    align-items: center;
    text-align: center;
    right: auto;
  }

  .plp-scene__title[b-eur13249vt] {
    font-size: var(--lap-text-size5);
  }

  .plp-scene__desc[b-eur13249vt] {
    font-size: var(--lap-text-size3);
  }

  .plp-scene__body[b-eur13249vt] {
    gap: var(--lap-6);
  }
}

/* =========================================================
   RESPONSIVE : Mobile (~575px)
   ========================================================= */
@media (max-width: 575.98px) {
  .plp-content[b-eur13249vt] {
    --plp-x: var(--lap-4);
    --plp-section-y: calc(var(--lap-1) * 16); /* 64px */
    --plp-gap: var(--lap-8); /* 32px */
    --plp-hero-fs: var(--lap-text-size6); /* 30px */
    --plp-heading-fs: var(--lap-text-size6); /* 30px */
    --plp-title-fs: var(--lap-text-size5); /* 24px */
    --plp-body-fs: var(--lap-text-size3); /* 16px */
    --plp-scene-fs: var(--lap-text-size6); /* 30px */
    --plp-scene-mobile-title-fs: calc(var(--lap-text-size5) - var(--lap-1)); /* 20px */
    --plp-scene-mobile-desc-fs: calc(var(--lap-text-size4) - var(--lap-1)); /* 14px */
  }

  /* 작은 모바일에서는 한 행의 글자 수를 확보하고 제목·설명의 시각적 간격을 함께 줄인다. */
  .plp-scene__title[b-eur13249vt] {
    font-size: var(--plp-scene-mobile-title-fs);
  }

  .plp-scene__desc[b-eur13249vt] {
    font-size: var(--plp-scene-mobile-desc-fs);
  }

  .plp-scene__body[b-eur13249vt] {
    gap: var(--lap-4);
  }

  /* 모바일 카드 폭(280px)이 좁아 데스크톱 기준 body 고정 높이(200px)가 상대적으로 크다.
     하단 여백을 줄여 카드가 덜 길쭉해 보이도록 살짝 낮춘다(설명 2줄은 여전히 잘리지 않는다). */
  .plp-trust-card__body[b-eur13249vt] {
    min-height: calc(var(--lap-1) * 44); /* 176px */
    padding-bottom: var(--lap-4); /* 16px */
  }

  .plp-trust[b-eur13249vt] {
    padding-bottom: var(--lap-4);
  }



  /* 모바일: 1열 전환과 wide 카드 비율 통일은 767.98px 블록에서 이미 처리된다.
     여기서는 카드 폭이 더 좁아지므로 텍스트만 한 단계 더 줄여 균형을 맞춘다. */
  .plp-products[b-eur13249vt] {
    --plp-pcard-title: var(--lap-text-size5); /* 18px */
    --plp-pcard-label: var(--lap-text-size3); /* 14px */
    --plp-pcard-plus: calc(var(--lap-1) * 5.5); /* 22px */
    --plp-pcard-logo-h: calc(var(--lap-1) * 8); /* 32px */
    --plp-pcard-logo-w: calc(var(--lap-1) * 24); /* 96px */
  }

  .plp-product-card__body[b-eur13249vt] {
    gap: var(--lap-2); /* 8px */
    padding: var(--lap-5); /* 20px */
  }

  /* 모바일 타임라인: 좌측 단일 라인으로 단순화 (성능/가독성 우선) */
  .plp-timeline__list[b-eur13249vt]::before {
    left: calc(var(--lap-1) * 2);
  }

  .plp-timeline__item[b-eur13249vt],
  .plp-timeline__item--left[b-eur13249vt],
  .plp-timeline__item--right[b-eur13249vt] {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    padding-left: calc(var(--lap-1) * 8);
    padding-right: 0;
    text-align: left;
  }

    .plp-timeline__item--left .plp-timeline__dot[b-eur13249vt],
    .plp-timeline__item--right .plp-timeline__dot[b-eur13249vt] {
      left: calc(var(--lap-1) * 2);
      right: auto;
      transform: translateX(-50%);
    }

  .plp-stat-list[b-eur13249vt] {
    gap: var(--lap-13);
  }
}

/* =========================================================
   접근성 : 모션 최소화 사용자
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .plp-scroll-cue__icon[b-eur13249vt] {
    animation: none;
  }
}
/* /Components/Pages/Software/ILabel2Help.razor.rz.scp.css */
.ph-loading[b-my7akw2r7p] { min-height: 20rem; display: grid; place-items: center; color: var(--lap-text-secondary); }
/* /Components/Pages/Software/ILabel2Info.razor.rz.scp.css */
.ili-root[b-rco4f0dgeb] {
  --ili-primary: var(--lap-color-primary);
  --ili-primary-soft: var(--lap-primary-50);
  --ili-primary-pale: var(--lap-primary-100);
  --ili-primary-dark: var(--lap-primary-700);
  --ili-ink: var(--lap-text-primary);
  --ili-muted: var(--lap-text-secondary);
  --ili-border: var(--lap-gray-200);
  --ili-white: var(--lap-text-white);
  position: relative;
  width: calc(100% + (var(--lap-6) * 2));
  margin: calc(var(--lap-6) * -1);
  overflow: clip;
  color: var(--ili-ink);
  background: var(--lap-white);
}

.ili-section[b-rco4f0dgeb] {
  padding: calc(var(--lap-1) * 20) max(var(--lap-5), calc((100% - 75rem) / 2));
}

.ili-mobile-only[b-rco4f0dgeb],
.ili-comparison-mobile[b-rco4f0dgeb] {
  display: none;
}

.ili-hero[b-rco4f0dgeb] {
  position: relative;
  min-height: 48rem;
  padding: calc(var(--lap-1) * 20) max(var(--lap-5), calc((100% - 75rem) / 2)) 0;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(180deg, var(--ili-primary-soft), var(--lap-white));
}

.ili-hero__circle[b-rco4f0dgeb],
.ili-cta__circle[b-rco4f0dgeb] {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: var(--ili-primary-pale);
  opacity: .48;
}

.ili-hero__circle--top[b-rco4f0dgeb] { top: -13rem; right: -8rem; width: 24rem; height: 24rem; }
.ili-hero__circle--bottom[b-rco4f0dgeb] { bottom: 3rem; left: -10rem; width: 19rem; height: 19rem; }

.ili-hero__title[b-rco4f0dgeb] {
  position: relative;
  z-index: 1;
  max-width: 56rem;
  margin: 0 auto;
  color: var(--ili-ink);
  font-size: clamp(2.125rem, 5.5vw, 4rem);
  font-weight: var(--lap-fw-bold);
  line-height: 1.2;
  letter-spacing: -.09375rem;
}

.ili-hero__title span[b-rco4f0dgeb],
.ili-hero__title strong[b-rco4f0dgeb] {
  display: block;
}

.ili-hero__title strong[b-rco4f0dgeb],
.ili-accent[b-rco4f0dgeb] {
  color: var(--ili-primary);
}

.ili-hero__subtitle[b-rco4f0dgeb] {
  position: relative;
  z-index: 1;
  margin: var(--lap-6) auto var(--lap-7);
  color: var(--ili-muted);
  font-size: var(--lap-text-size3);
  line-height: var(--lap-lh-normal-xl);
}

.ili-hero__subtitle strong[b-rco4f0dgeb] {
  display: block;
  color: var(--ili-ink);
  font-size: var(--lap-text-size4);
}

.ili-button-row[b-rco4f0dgeb] {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--lap-3);
}

.ili-install-link[b-rco4f0dgeb] {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: var(--lap-3) auto var(--lap-8);
  color: var(--ili-muted);
  font-size: var(--lap-text-size2);
  text-decoration: none;
}

.ili-install-link:hover[b-rco4f0dgeb],
.ili-install-link:focus-visible[b-rco4f0dgeb] { color: var(--ili-primary); text-decoration: underline; }

.ili-program-preview[b-rco4f0dgeb] {
  position: relative;
  z-index: 1;
  width: min(56rem, 88%);
  margin: 0 auto;
  padding: var(--lap-2);
  border: 1px solid var(--ili-border);
  border-radius: var(--lap-r-2xl) var(--lap-r-2xl) 0 0;
  box-shadow: var(--lap-shadow-4);
  background: var(--lap-white);
}

.ili-program-preview > img:first-child[b-rco4f0dgeb] { display: block; width: 100%; }
.ili-program-preview__pointer[b-rco4f0dgeb] { position: absolute; right: 8%; bottom: 10%; width: clamp(2.4rem, 5vw, 4.8rem); filter: drop-shadow(0 .35rem .45rem rgba(0, 0, 0, .22)); }

.ili-stats[b-rco4f0dgeb] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 75rem;
  margin: 0 auto;
  padding: calc(var(--lap-1) * 16) var(--lap-5);
}

.ili-stats__item[b-rco4f0dgeb] { position: relative; padding-inline: var(--lap-4); text-align: center; }
.ili-stats__item + .ili-stats__item[b-rco4f0dgeb]::before { content: ""; position: absolute; top: 10%; bottom: 10%; left: 0; width: 1px; background: var(--ili-border); }
.ili-stats__number[b-rco4f0dgeb] { font-size: clamp(1.4rem, 2.7vw, 2.2rem); font-weight: var(--lap-fw-bold); }
.ili-stats__label[b-rco4f0dgeb] { margin-top: var(--lap-2); color: var(--ili-muted); }

.ili-section-head[b-rco4f0dgeb] {
  max-width: 50rem;
  margin: 0 auto calc(var(--lap-1) * 12);
  text-align: center;
}

.ili-section-head span[b-rco4f0dgeb] {
  display: inline-flex;
  padding: var(--lap-2) var(--lap-4);
  border-radius: var(--lap-r-max);
  color: var(--ili-primary-dark);
  background: var(--ili-primary-pale);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ili-section-head h2[b-rco4f0dgeb] { margin: var(--lap-4) 0 var(--lap-3); color: var(--ili-ink); font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.24; }
.ili-section-head p[b-rco4f0dgeb] { margin: 0; color: var(--ili-muted); font-size: var(--lap-text-size3); line-height: var(--lap-lh-normal-xl); }

.ili-feature-grid[b-rco4f0dgeb] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lap-5);
  max-width: 75rem;
  margin: 0 auto;
}

.ili-feature-card[b-rco4f0dgeb] {
  position: relative;
  min-height: 18rem;
  padding: var(--lap-8) var(--lap-6);
  border: 1px solid var(--ili-border);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
  text-align: center;
  transition: transform var(--lap-motion), border-color var(--lap-motion), box-shadow var(--lap-motion);
}

.ili-feature-card:hover[b-rco4f0dgeb] { border-color: var(--lap-primary-300); box-shadow: var(--lap-shadow-3); transform: translateY(-.3rem); }
.ili-feature-card.is-highlight[b-rco4f0dgeb] { border-color: var(--lap-primary-200); background: linear-gradient(150deg, var(--lap-white), var(--ili-primary-soft)); }
.ili-feature-card__badge[b-rco4f0dgeb] { position: absolute; top: var(--lap-4); right: var(--lap-4); padding: var(--lap-1) var(--lap-3); border-radius: var(--lap-r-max); color: var(--ili-white); background: var(--ili-primary); font-size: .65rem; font-weight: var(--lap-fw-bold); }
.ili-feature-card__icon[b-rco4f0dgeb] { width: 3rem; height: 3rem; margin-bottom: var(--lap-5); color: var(--ili-primary); }
.ili-feature-card h3[b-rco4f0dgeb] { margin: 0 0 var(--lap-3); font-size: var(--lap-text-size4); }
.ili-feature-card p[b-rco4f0dgeb] { margin: 0; color: var(--ili-muted); line-height: var(--lap-lh-normal-xl); }

.ili-comparison[b-rco4f0dgeb] { background: var(--lap-gray-50); }
.ili-comparison__desktop[b-rco4f0dgeb] { max-width: 62rem; margin: 0 auto; overflow: hidden; border: 1px solid var(--ili-border); border-radius: var(--lap-r-2xl); background: var(--lap-white); box-shadow: var(--lap-shadow-2); }
.ili-comparison-table[b-rco4f0dgeb] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ili-comparison-table th[b-rco4f0dgeb], .ili-comparison-table td[b-rco4f0dgeb] { padding: var(--lap-5); border-bottom: 1px solid var(--ili-border); text-align: center; }
.ili-comparison-table thead th[b-rco4f0dgeb] { color: var(--ili-muted); background: var(--lap-gray-100); }
.ili-comparison-table thead th:first-child[b-rco4f0dgeb] { width: 24%; }
.ili-comparison-table thead th.is-primary[b-rco4f0dgeb] { color: var(--ili-ink); background: var(--ili-primary-pale); }
.ili-comparison-table thead strong[b-rco4f0dgeb], .ili-comparison-table thead span[b-rco4f0dgeb] { display: block; }
.ili-comparison-table thead strong[b-rco4f0dgeb] { font-size: var(--lap-text-size4); }
.ili-comparison-table thead span[b-rco4f0dgeb] { margin-top: var(--lap-1); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-regular); }
.ili-comparison-table tbody tr:last-child > *[b-rco4f0dgeb] { border-bottom: 0; }
.ili-comparison-table tbody th[b-rco4f0dgeb] { color: var(--ili-muted); font-size: var(--lap-text-size2); }
.ili-comparison-table tbody td.is-primary[b-rco4f0dgeb] { background: var(--ili-primary-soft); }
.ili-comparison-table tbody td strong[b-rco4f0dgeb], .ili-comparison-table tbody td small[b-rco4f0dgeb] { display: block; }
.ili-comparison-table tbody td small[b-rco4f0dgeb] { margin-top: var(--lap-2); color: var(--lap-text-tertiary); }
.ili-comparison-table__icon[b-rco4f0dgeb] { display: block; margin: 0 auto var(--lap-2); color: var(--ili-primary); }
.is-highlight[b-rco4f0dgeb] { color: var(--ili-primary-dark); }
.ili-badge[b-rco4f0dgeb] { display: inline-flex; margin-top: var(--lap-2); padding: var(--lap-1) var(--lap-3); border-radius: var(--lap-r-max); color: var(--ili-primary-dark); background: var(--ili-primary-pale); font-size: .7rem; font-weight: var(--lap-fw-bold); }

.ili-release[b-rco4f0dgeb] { background: var(--lap-white); }
.ili-release__group[b-rco4f0dgeb], .ili-release__empty[b-rco4f0dgeb] { max-width: 52.5rem; margin: 0 auto; }
.ili-release__empty[b-rco4f0dgeb] { padding: var(--lap-8); border: 1px solid var(--ili-border); border-radius: var(--lap-r-xl); color: var(--ili-muted); text-align: center; }
.ili-release__list[b-rco4f0dgeb] { margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--ili-border); border-radius: var(--lap-r-xl); list-style: none; background: var(--lap-white); box-shadow: var(--lap-shadow-1); }
.ili-release__item[b-rco4f0dgeb] { overflow: hidden; border-top: 1px solid var(--lap-gray-200); }
.ili-release__item:first-child[b-rco4f0dgeb] { border-top: 0; }
.ili-release__item.is-more[b-rco4f0dgeb] { display: none; }
.ili-release__list.is-expanded .ili-release__item.is-more[b-rco4f0dgeb] { display: block; }
.ili-release__toggle[b-rco4f0dgeb], .ili-release__more[b-rco4f0dgeb] { border: 0; color: var(--ili-ink); background: transparent; font: inherit; cursor: pointer; }
.ili-release__toggle[b-rco4f0dgeb] { width: 100%; display: flex; align-items: center; gap: var(--lap-4); padding: var(--lap-5) var(--lap-6); text-align: left; }
.ili-release__toggle:hover[b-rco4f0dgeb], .ili-release__toggle:focus-visible[b-rco4f0dgeb] { background: var(--lap-gray-50); }
.ili-release__item.is-open .ili-release__toggle[b-rco4f0dgeb], .ili-release__body[b-rco4f0dgeb] { background: var(--ili-primary-soft); }
.ili-release__version[b-rco4f0dgeb] { min-width: 9rem; flex-shrink: 0; color: var(--ili-primary); font-weight: var(--lap-fw-bold); }
.ili-release__badge[b-rco4f0dgeb] { flex-shrink: 0; margin-left: auto; padding: var(--lap-1) var(--lap-3); border-radius: var(--lap-r-sm); color: var(--ili-muted); background: var(--lap-gray-100); font-size: .65rem; font-weight: var(--lap-fw-bold); }
.ili-release__badge.is-latest[b-rco4f0dgeb] { color: var(--ili-white); background: var(--ili-primary); }
.ili-release__arrow[b-rco4f0dgeb] { flex-shrink: 0; width: .65rem; height: .65rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; color: var(--lap-text-tertiary); transform: rotate(45deg); transition: transform var(--lap-motion); }
.ili-release__item.is-open .ili-release__arrow[b-rco4f0dgeb], .ili-release__more[aria-expanded="true"] .ili-release__arrow[b-rco4f0dgeb] { transform: rotate(225deg); }
.ili-release__body[b-rco4f0dgeb] { max-height: 0; overflow: hidden; padding: 0 var(--lap-6); opacity: 0; transition: max-height 320ms ease, padding-bottom 320ms ease, opacity var(--lap-motion); }
.ili-release__item.is-open .ili-release__body[b-rco4f0dgeb] { padding-bottom: var(--lap-6); opacity: 1; }
.ili-release__changes[b-rco4f0dgeb] { display: flex; flex-direction: column; gap: var(--lap-2); margin: 0; padding: 0; color: var(--ili-muted); line-height: var(--lap-lh-normal-xl); list-style: none; }
.ili-release__changes li[b-rco4f0dgeb] { display: flex; align-items: flex-start; gap: var(--lap-3); }
.ili-release__changes li[b-rco4f0dgeb]::before { content: ""; flex-shrink: 0; width: .3rem; height: .3rem; margin-top: .7rem; border-radius: 50%; background: var(--ili-primary); }
.ili-release__more[b-rco4f0dgeb] { display: grid; grid-template-columns: 1fr auto 1.25rem; align-items: center; gap: var(--lap-3); width: fit-content; min-width: 15rem; margin: var(--lap-5) auto 0; padding: var(--lap-4) var(--lap-5); border: 1px solid var(--ili-primary); border-radius: var(--lap-r-max); color: var(--ili-primary); background: var(--lap-white); box-shadow: var(--lap-shadow-1); }
.ili-release__more:hover[b-rco4f0dgeb], .ili-release__more:focus-visible[b-rco4f0dgeb], .ili-release__more[aria-expanded="true"][b-rco4f0dgeb] { color: var(--ili-white); background: var(--ili-primary); transform: translateY(-.1rem); }
.ili-release__more small[b-rco4f0dgeb] { color: currentColor; opacity: .78; }

.ili-how[b-rco4f0dgeb] { background: var(--lap-gray-50); }
.ili-steps[b-rco4f0dgeb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 75rem; margin: 0 auto; padding: 0; list-style: none; }
.ili-step[b-rco4f0dgeb] { position: relative; padding: var(--lap-7); border-radius: var(--lap-r-2xl); text-align: center; transition: transform var(--lap-motion); }
.ili-step + .ili-step[b-rco4f0dgeb]::before { content: ""; position: absolute; top: 4rem; left: -12%; width: 24%; border-top: 2px dashed var(--lap-primary-200); }
.ili-step__number[b-rco4f0dgeb] { position: absolute; top: var(--lap-4); right: 24%; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; color: var(--ili-white); background: var(--ili-primary); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); transition: background-color var(--lap-motion), transform var(--lap-motion); }
.ili-step__icon[b-rco4f0dgeb] { width: 4.25rem; height: 4.25rem; margin-bottom: var(--lap-5); color: var(--ili-primary); transition: color var(--lap-motion), filter var(--lap-motion), transform var(--lap-motion); }
.ili-step h3[b-rco4f0dgeb] { margin: 0 0 var(--lap-3); font-size: var(--lap-text-size4); transition: color var(--lap-motion); }
.ili-step p[b-rco4f0dgeb] { margin: 0; color: var(--ili-muted); line-height: var(--lap-lh-normal-xl); }
.ili-step:hover[b-rco4f0dgeb] { transform: translateY(calc(var(--lap-1) * -1)); }
.ili-step:hover .ili-step__icon[b-rco4f0dgeb] { color: var(--ili-primary-dark); filter: drop-shadow(0 .4rem .65rem color-mix(in srgb, var(--ili-primary) 24%, transparent)); transform: scale(1.12); }
.ili-step:hover .ili-step__number[b-rco4f0dgeb] { background: var(--ili-primary-dark); transform: scale(1.08); }
.ili-step:hover h3[b-rco4f0dgeb] { color: var(--ili-primary-dark); }

.ili-usecase-grid[b-rco4f0dgeb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lap-5); max-width: 75rem; margin: 0 auto; padding: 0; list-style: none; }
.ili-usecase-card[b-rco4f0dgeb] { overflow: hidden; border: 1px solid var(--ili-border); border-radius: var(--lap-r-2xl); background: var(--lap-white); box-shadow: var(--lap-shadow-1); transition: transform var(--lap-motion), box-shadow var(--lap-motion); }
.ili-usecase-card:hover[b-rco4f0dgeb] { box-shadow: var(--lap-shadow-3); transform: translateY(-.25rem); }
.ili-usecase-card img[b-rco4f0dgeb] { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ili-usecase-card h3[b-rco4f0dgeb] { margin: var(--lap-5) var(--lap-5) var(--lap-2); font-size: var(--lap-text-size4); }
.ili-usecase-card p[b-rco4f0dgeb] { margin: 0 var(--lap-5) var(--lap-5); color: var(--ili-muted); }

.ili-cta[b-rco4f0dgeb] { position: relative; overflow: hidden; color: var(--ili-white); background: linear-gradient(135deg, var(--ili-primary-dark), var(--ili-primary)); text-align: center; }
.ili-cta__circle[b-rco4f0dgeb] { background: var(--lap-white); opacity: .08; }
.ili-cta__circle--top[b-rco4f0dgeb] { top: -11rem; left: -8rem; width: 24rem; height: 24rem; }
.ili-cta__circle--bottom[b-rco4f0dgeb] { right: -8rem; bottom: -13rem; width: 28rem; height: 28rem; }
.ili-cta__inner[b-rco4f0dgeb] { position: relative; z-index: 1; max-width: 50rem; margin: 0 auto; }
.ili-cta h2[b-rco4f0dgeb] { margin: 0; color: inherit; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.25; }
.ili-cta p[b-rco4f0dgeb] { margin: var(--lap-5) 0 var(--lap-7); color: var(--lap-primary-50); font-size: var(--lap-text-size3); line-height: var(--lap-lh-normal-xl); }

[data-ili-reveal][b-rco4f0dgeb] { opacity: 0; transform: translateY(1.5rem); transition: opacity 520ms ease, transform 520ms ease; }
[data-ili-reveal].is-visible[b-rco4f0dgeb] { opacity: 1; transform: none; }

@media (max-width: 63.99875rem) {
  .ili-feature-grid[b-rco4f0dgeb], .ili-usecase-grid[b-rco4f0dgeb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ili-feature-card[b-rco4f0dgeb] { min-height: 16rem; }
}

@media (max-width: 47.99875rem) {
  .ili-root[b-rco4f0dgeb] { width: calc(100% + (var(--lap-4) * 2)); margin: calc(var(--lap-4) * -1); }
  .ili-section[b-rco4f0dgeb] { padding: calc(var(--lap-1) * 14) var(--lap-4); }
  .ili-mobile-only[b-rco4f0dgeb], .ili-comparison-mobile[b-rco4f0dgeb] { display: block; }
  .ili-hero[b-rco4f0dgeb] { min-height: auto; padding: calc(var(--lap-1) * 14) var(--lap-4) 0; }
  .ili-hero__title[b-rco4f0dgeb] { font-size: clamp(2.2rem, 12vw, 3rem); letter-spacing: -.06rem; }
  .ili-hero__title span[b-rco4f0dgeb] { margin-bottom: var(--lap-2); font-size: clamp(.95rem, 4.8vw, 1.25rem); letter-spacing: -.03rem; white-space: nowrap; }
  .ili-hero__subtitle strong[b-rco4f0dgeb] { margin-top: var(--lap-2); font-size: var(--lap-text-size3); }
  .ili-button-row[b-rco4f0dgeb] { align-items: stretch; flex-direction: column; }
  .ili-install-link[b-rco4f0dgeb] { margin-bottom: var(--lap-7); }
  .ili-program-preview[b-rco4f0dgeb] { width: 100%; border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0; }
  .ili-stats[b-rco4f0dgeb] { grid-template-columns: 1fr; padding: calc(var(--lap-1) * 10) var(--lap-4); }
  .ili-stats__item[b-rco4f0dgeb] { padding: var(--lap-6) 0; }
  .ili-stats__item + .ili-stats__item[b-rco4f0dgeb]::before { top: 0; right: 18%; bottom: auto; left: 18%; width: auto; height: 1px; }
  .ili-stats__number[b-rco4f0dgeb] { font-size: 1.55rem; }
  .ili-section-head[b-rco4f0dgeb] { margin-bottom: var(--lap-8); }
  .ili-section-head h2[b-rco4f0dgeb] { font-size: 1.75rem; }
  .ili-feature-grid[b-rco4f0dgeb], .ili-usecase-grid[b-rco4f0dgeb] { grid-template-columns: 1fr; }
  .ili-feature-card[b-rco4f0dgeb] { min-height: 0; padding: var(--lap-7) var(--lap-5); }
  .ili-comparison__desktop[b-rco4f0dgeb] { display: none; }
  .ili-comparison-mobile[b-rco4f0dgeb] { overflow: hidden; border: 1px solid var(--ili-border); border-radius: var(--lap-r-xl); background: var(--lap-white); }
  .ili-comparison-mobile__head[b-rco4f0dgeb] { display: grid; grid-template-columns: 1fr 1fr; background: var(--lap-gray-100); }
  .ili-comparison-mobile__head span[b-rco4f0dgeb] { padding: var(--lap-4); text-align: center; }
  .ili-comparison-mobile__head span:first-child[b-rco4f0dgeb] { background: var(--ili-primary-pale); }
  .ili-comparison-mobile__head strong[b-rco4f0dgeb], .ili-comparison-mobile__head small[b-rco4f0dgeb] { display: block; }
  .ili-comparison-mobile__head small[b-rco4f0dgeb] { margin-top: var(--lap-1); color: var(--ili-muted); }
  .ili-comparison-mobile__row[b-rco4f0dgeb] { border-top: 1px solid var(--ili-border); }
  .ili-comparison-mobile__row h3[b-rco4f0dgeb] { display: flex; justify-content: center; align-items: center; gap: var(--lap-2); margin: 0; padding: var(--lap-3); color: var(--ili-muted); background: var(--lap-gray-50); font-size: var(--lap-text-size2); }
  .ili-comparison-mobile__icon[b-rco4f0dgeb] { color: var(--ili-primary); }
  .ili-comparison-mobile__cells[b-rco4f0dgeb] { display: grid; grid-template-columns: 1fr 1fr; }
  .ili-comparison-mobile__cells > div[b-rco4f0dgeb] { display: flex; align-items: center; flex-direction: column; padding: var(--lap-4) var(--lap-2); text-align: center; }
  .ili-comparison-mobile__cells > div:first-child[b-rco4f0dgeb] { background: var(--ili-primary-soft); }
  .ili-comparison-mobile__cells small[b-rco4f0dgeb] { margin-top: var(--lap-2); color: var(--lap-text-tertiary); }
  .ili-release__toggle[b-rco4f0dgeb] { gap: var(--lap-2); padding: var(--lap-4); }
  .ili-release__version[b-rco4f0dgeb] { min-width: 0; flex: 1 1 auto; font-size: var(--lap-text-size2); white-space: nowrap; }
  .ili-release__body[b-rco4f0dgeb] { padding-inline: var(--lap-4); }
  .ili-release__more[b-rco4f0dgeb] { grid-template-columns: 1fr 1rem; min-width: 0; width: 100%; }
  .ili-release__more small[b-rco4f0dgeb] { display: none; }
  .ili-steps[b-rco4f0dgeb] { grid-template-columns: 1fr; }
  .ili-step + .ili-step[b-rco4f0dgeb]::before { top: -1rem; left: 50%; width: 1px; height: 2rem; border-top: 0; border-left: 2px dashed var(--lap-primary-200); }
  .ili-step__number[b-rco4f0dgeb] { right: calc(50% - 3rem); }
}

@media (prefers-reduced-motion: reduce) {
  [data-ili-reveal][b-rco4f0dgeb] { opacity: 1; transform: none; transition: none; }
  .ili-release__body[b-rco4f0dgeb], .ili-release__arrow[b-rco4f0dgeb], .ili-step[b-rco4f0dgeb], .ili-step__icon[b-rco4f0dgeb], .ili-step__number[b-rco4f0dgeb], .ili-step h3[b-rco4f0dgeb], .ili-feature-card[b-rco4f0dgeb], .ili-usecase-card[b-rco4f0dgeb] { transition: none; }
}
/* /Components/Pages/Software/LabelSpaceHelp.razor.rz.scp.css */
.ph-loading[b-60epvqpyhz] { min-height: 20rem; display: grid; place-items: center; color: var(--lap-text-secondary); }
/* /Components/Pages/Software/LabelSpaceInfo.razor.rz.scp.css */
.lsi-root[b-1xedq06908] {
  --lsi-primary: var(--lap-color-primary);
  --lsi-primary-soft: var(--lap-primary-50);
  --lsi-primary-pale: var(--lap-primary-100);
  --lsi-primary-mid: var(--lap-primary-400);
  --lsi-primary-dark: var(--lap-primary-700);
  --lsi-ink: var(--lap-text-primary);
  --lsi-muted: var(--lap-text-secondary);
  --lsi-border: var(--lap-gray-200);
  --lsi-white: var(--lap-text-white);
  position: relative;
  width: calc(100% + (var(--lap-6) * 2));
  margin: calc(var(--lap-6) * -1);
  overflow: clip;
  color: var(--lsi-ink);
  background: var(--lap-white);
}

.lsi-section[b-1xedq06908] {
  padding: calc(var(--lap-1) * 20) max(var(--lap-5), calc((100% - 75rem) / 2));
}

.lsi-mobile-only[b-1xedq06908],
.lsi-comparison-mobile[b-1xedq06908] {
  display: none;
}

.lsi-hero[b-1xedq06908] {
  position: relative;
  min-height: 48rem;
  padding: calc(var(--lap-1) * 20) max(var(--lap-5), calc((100% - 75rem) / 2)) 0;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(180deg, var(--lsi-primary-soft), var(--lap-white));
}

.lsi-hero__circle[b-1xedq06908],
.lsi-cta__circle[b-1xedq06908] {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: var(--lsi-primary-pale);
  opacity: .48;
}

.lsi-hero__circle--top[b-1xedq06908] {
  width: 24rem;
  height: 24rem;
  top: -13rem;
  right: -8rem;
}

.lsi-hero__circle--bottom[b-1xedq06908] {
  width: 19rem;
  height: 19rem;
  bottom: 3rem;
  left: -10rem;
}

.lsi-hero__title[b-1xedq06908] {
  position: relative;
  z-index: 1;
  max-width: 48.75rem;
  margin: 0 auto;
  color: var(--lsi-ink);
  font-size: clamp(2.125rem, 5.5vw, 4rem);
  font-weight: var(--lap-fw-bold);
  line-height: 1.2;
  letter-spacing: -.09375rem;
}

.lsi-hero__title-line[b-1xedq06908] {
  display: inline;
}

.lsi-hero__title-sub[b-1xedq06908] {
  color: inherit;
}

.lsi-hero__title-period[b-1xedq06908] {
  display: none;
}

.lsi-hero__title-accent[b-1xedq06908],
.lsi-accent[b-1xedq06908] {
  color: var(--lsi-primary);
}

.lsi-hero__subtitle[b-1xedq06908] {
  position: relative;
  z-index: 1;
  margin: var(--lap-6) auto var(--lap-7);
  color: var(--lsi-muted);
  font-size: var(--lap-text-size3);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-hero__subtitle strong[b-1xedq06908] {
  display: block;
  color: var(--lsi-ink);
  font-size: var(--lap-text-size4);
}

.lsi-button-row[b-1xedq06908] {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--lap-3);
  margin-bottom: var(--lap-8);
}

.lsi-button-row--left[b-1xedq06908] {
  justify-content: flex-start;
  margin-bottom: 0;
}

.lsi-browser[b-1xedq06908] {
  position: relative;
  z-index: 1;
  width: min(56rem, 88%);
  margin: 0 auto;
  overflow: visible;
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-2xl) var(--lap-r-2xl) 0 0;
  box-shadow: var(--lap-shadow-4);
  background: var(--lap-white);
}

.lsi-browser__topbar[b-1xedq06908] {
  display: grid;
  grid-template-columns: 5rem 1fr 5rem;
  align-items: center;
  min-height: 2.8rem;
  padding: 0 var(--lap-4);
  border-bottom: 1px solid var(--lsi-border);
  background: var(--lap-gray-100);
}

.lsi-browser__dots[b-1xedq06908] {
  display: flex;
  gap: var(--lap-2);
}

.lsi-browser__dot[b-1xedq06908] {
  width: .68rem;
  height: .68rem;
  border-radius: 50%;
}

/* 원본 빨간 장식도 신라프 primary 계열로 통일한다. */
.lsi-browser__dot.is-primary[b-1xedq06908] { background: var(--lap-primary-500); }
.lsi-browser__dot.is-primary-light[b-1xedq06908] { background: var(--lap-primary-300); }
.lsi-browser__dot.is-primary-dark[b-1xedq06908] { background: var(--lap-primary-700); }

.lsi-browser__url[b-1xedq06908] {
  overflow: hidden;
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lsi-browser__body[b-1xedq06908] {
  padding: var(--lap-2);
}

.lsi-browser__screenshot[b-1xedq06908] {
  display: block;
  width: 100%;
}

.lsi-browser__pointer[b-1xedq06908] {
  position: absolute;
  right: 8%;
  bottom: 10%;
  width: clamp(2.4rem, 5vw, 4.8rem);
  filter: drop-shadow(0 .35rem .45rem rgba(0, 0, 0, .22));
}

.lsi-stats[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 75rem;
  margin: 0 auto;
  padding: calc(var(--lap-1) * 16) var(--lap-5);
  background: var(--lap-white);
}

.lsi-stats__item[b-1xedq06908] {
  position: relative;
  text-align: center;
}

.lsi-stats__item + .lsi-stats__item[b-1xedq06908]::before {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 1px;
  background: var(--lsi-border);
}

.lsi-stats__number[b-1xedq06908] {
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: var(--lap-fw-bold);
}

.lsi-stats__label[b-1xedq06908] {
  margin-top: var(--lap-2);
  color: var(--lsi-muted);
}

.lsi-section-head[b-1xedq06908] {
  max-width: 48rem;
  margin: 0 auto calc(var(--lap-1) * 12);
  text-align: center;
}

.lsi-section-head.is-left[b-1xedq06908] {
  margin-left: 0;
  text-align: left;
}

.lsi-section-head__chip[b-1xedq06908] {
  display: inline-flex;
  padding: var(--lap-2) var(--lap-4);
  border-radius: var(--lap-r-max);
  color: var(--lsi-primary-dark);
  background: var(--lsi-primary-pale);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lsi-section-head h2[b-1xedq06908] {
  margin: var(--lap-4) 0 var(--lap-3);
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: var(--lap-lh-tight);
  letter-spacing: -.04em;
}

.lsi-section-head p[b-1xedq06908] {
  margin: 0;
  color: var(--lsi-muted);
  font-size: var(--lap-text-size3);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-features[b-1xedq06908],
.lsi-print[b-1xedq06908],
.lsi-usecases[b-1xedq06908] {
  background: var(--lap-gray-50);
}

.lsi-feature-grid[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lap-5);
  max-width: 75rem;
  margin: 0 auto;
}

.lsi-feature-card[b-1xedq06908] {
  position: relative;
  min-height: 16rem;
  padding: var(--lap-7);
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
  transition: transform var(--lap-motion), border-color var(--lap-motion);
}

.lsi-feature-card:hover[b-1xedq06908] {
  border-color: var(--lap-primary-200);
  box-shadow: var(--lap-shadow-3);
  transform: translateY(calc(var(--lap-1) * -1));
}

.lsi-feature-card.is-highlight[b-1xedq06908] {
  border-color: var(--lap-primary-200);
  background: linear-gradient(145deg, var(--lap-white), var(--lsi-primary-soft));
}

.lsi-feature-card__badge[b-1xedq06908] {
  position: absolute;
  top: var(--lap-4);
  right: var(--lap-4);
  padding: var(--lap-1) var(--lap-3);
  border-radius: var(--lap-r-max);
  color: var(--lsi-white);
  background: var(--lsi-primary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-bold);
}

.lsi-feature-card__icon[b-1xedq06908] {
  width: 2.7rem;
  height: 2.7rem;
  margin-bottom: var(--lap-5);
  color: var(--lsi-primary);
}

.lsi-feature-card__title[b-1xedq06908] {
  margin: 0 0 var(--lap-3);
  font-size: var(--lap-text-size4);
}

.lsi-feature-card__desc[b-1xedq06908] {
  margin: 0;
  color: var(--lsi-muted);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-comparison[b-1xedq06908] {
  background: var(--lap-white);
}

.lsi-comparison__desktop[b-1xedq06908] {
  max-width: 68rem;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-2xl);
  box-shadow: var(--lap-shadow-2);
}

.lsi-comparison-table[b-1xedq06908] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.lsi-comparison-table th[b-1xedq06908],
.lsi-comparison-table td[b-1xedq06908] {
  padding: var(--lap-5);
  border-bottom: 1px solid var(--lsi-border);
  text-align: center;
  vertical-align: middle;
}

.lsi-comparison-table thead th[b-1xedq06908] {
  color: var(--lsi-white);
  background: var(--lap-gray-800);
}

.lsi-comparison-table thead th:first-child[b-1xedq06908] {
  width: 25%;
}

.lsi-comparison-table thead th.is-labelspace[b-1xedq06908] {
  background: var(--lsi-primary-dark);
}

.lsi-comparison-table thead strong[b-1xedq06908],
.lsi-comparison-table thead span[b-1xedq06908],
.lsi-comparison-table tbody strong[b-1xedq06908],
.lsi-comparison-table tbody small[b-1xedq06908] {
  display: block;
}

.lsi-comparison-table thead strong[b-1xedq06908] {
  font-size: var(--lap-text-size4);
}

.lsi-comparison-table thead span[b-1xedq06908] {
  margin-top: var(--lap-1);
  color: var(--lap-gray-300);
  font-size: var(--lap-text-size1);
}

.lsi-comparison-table tbody th[b-1xedq06908] {
  color: var(--lsi-muted);
  background: var(--lap-gray-50);
}

.lsi-comparison-table tbody td.is-labelspace[b-1xedq06908] {
  background: var(--lsi-primary-soft);
}

.lsi-comparison-table tbody tr:last-child th[b-1xedq06908],
.lsi-comparison-table tbody tr:last-child td[b-1xedq06908] {
  border-bottom: 0;
}

.lsi-comparison-table__icon[b-1xedq06908] {
  display: block;
  margin: 0 auto var(--lap-2);
  color: var(--lap-text-tertiary);
}

.lsi-comparison-table strong.is-highlight[b-1xedq06908],
.lsi-comparison-mobile strong.is-highlight[b-1xedq06908] {
  color: var(--lsi-primary-dark);
}

.lsi-comparison-table small[b-1xedq06908],
.lsi-comparison-mobile small[b-1xedq06908] {
  margin-top: var(--lap-2);
  color: var(--lap-text-tertiary);
}

.lsi-badge[b-1xedq06908] {
  display: inline-flex;
  margin-top: var(--lap-2);
  padding: var(--lap-1) var(--lap-3);
  border-radius: var(--lap-r-max);
  color: var(--lsi-primary-dark);
  background: var(--lsi-primary-pale);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-semibold);
}

.lsi-release[b-1xedq06908] {
  background: var(--lap-white);
}

.lsi-release .lsi-section-head h2[b-1xedq06908],
.lsi-release .lsi-section-head p[b-1xedq06908] {
  color: var(--lsi-ink);
}

.lsi-release .lsi-section-head p[b-1xedq06908] {
  color: var(--lsi-muted);
}

.lsi-release__group[b-1xedq06908],
.lsi-release__empty[b-1xedq06908] {
  max-width: 52.5rem;
  margin: 0 auto;
}

.lsi-release__empty[b-1xedq06908] {
  padding: var(--lap-8);
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-xl);
  color: var(--lsi-muted);
  background: var(--lap-white);
  text-align: center;
}

.lsi-release__list[b-1xedq06908] {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-xl);
  list-style: none;
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
}

.lsi-release__item[b-1xedq06908] {
  overflow: hidden;
  border-top: 1px solid var(--lap-gray-200);
}

.lsi-release__item:first-child[b-1xedq06908] {
  border-top: 0;
}

.lsi-release__item.is-more[b-1xedq06908] {
  display: none;
}

.lsi-release__list.is-expanded .lsi-release__item.is-more[b-1xedq06908] {
  display: block;
}

.lsi-release__toggle[b-1xedq06908],
.lsi-release__more[b-1xedq06908] {
  border: 0;
  color: var(--lsi-ink);
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.lsi-release__toggle[b-1xedq06908] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--lap-4);
  padding: var(--lap-5) var(--lap-6);
  text-align: left;
}

.lsi-release__toggle:hover[b-1xedq06908],
.lsi-release__toggle:focus-visible[b-1xedq06908] {
  background: var(--lap-gray-50);
}

.lsi-release__item.is-open .lsi-release__toggle[b-1xedq06908] {
  background: var(--lsi-primary-soft);
}

.lsi-release__version[b-1xedq06908] {
  min-width: 9rem;
  flex-shrink: 0;
  color: var(--lsi-primary);
  font-size: var(--lap-text-size3);
  font-weight: var(--lap-fw-bold);
}

.lsi-release__badge[b-1xedq06908] {
  flex-shrink: 0;
  margin-left: auto;
  padding: var(--lap-1) var(--lap-3);
  border-radius: var(--lap-r-sm);
  color: var(--lsi-muted);
  background: var(--lap-gray-100);
  font-size: .65rem;
  font-weight: var(--lap-fw-bold);
}

.lsi-release__badge.is-latest[b-1xedq06908] {
  color: var(--lsi-white);
  background: var(--lsi-primary);
}

.lsi-release__arrow[b-1xedq06908] {
  flex-shrink: 0;
  width: .65rem;
  height: .65rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: var(--lap-text-tertiary);
  transform: rotate(45deg);
  transition: transform var(--lap-motion);
}

.lsi-release__item.is-open .lsi-release__arrow[b-1xedq06908],
.lsi-release__more[aria-expanded="true"] .lsi-release__arrow[b-1xedq06908] {
  transform: rotate(225deg);
}

.lsi-release__body[b-1xedq06908] {
  max-height: 0;
  overflow: hidden;
  padding: 0 var(--lap-6);
  background: var(--lsi-primary-soft);
  opacity: 0;
  transition: max-height 320ms ease, padding-bottom 320ms ease, opacity var(--lap-motion);
}

.lsi-release__item.is-open .lsi-release__body[b-1xedq06908] {
  padding-bottom: var(--lap-6);
  opacity: 1;
}

.lsi-release__changes[b-1xedq06908] {
  display: flex;
  flex-direction: column;
  gap: var(--lap-2);
  margin: 0;
  padding: 0;
  color: var(--lsi-muted);
  line-height: var(--lap-lh-normal-xl);
  list-style: none;
}

.lsi-release__changes li[b-1xedq06908] {
  display: flex;
  align-items: flex-start;
  gap: var(--lap-3);
}

.lsi-release__changes li[b-1xedq06908]::before {
  content: "";
  flex-shrink: 0;
  width: .3rem;
  height: .3rem;
  margin-top: .7rem;
  border-radius: 50%;
  background: var(--lsi-primary);
}

.lsi-release__more[b-1xedq06908] {
  display: grid;
  grid-template-columns: 1fr auto 1.25rem;
  align-items: center;
  gap: var(--lap-3);
  width: fit-content;
  min-width: 15rem;
  margin: var(--lap-5) auto 0;
  padding: var(--lap-4) var(--lap-5);
  border: 1px solid var(--lsi-primary);
  border-radius: var(--lap-r-max);
  color: var(--lsi-primary);
  background: var(--lap-white);
  text-align: center;
  box-shadow: var(--lap-shadow-1);
  transition: color var(--lap-motion-fast), background var(--lap-motion-fast), transform var(--lap-motion-fast);
}

.lsi-release__more:hover[b-1xedq06908],
.lsi-release__more:focus-visible[b-1xedq06908],
.lsi-release__more[aria-expanded="true"][b-1xedq06908] {
  color: var(--lsi-white);
  background: var(--lsi-primary);
  transform: translateY(-.1rem);
}

.lsi-release__more small[b-1xedq06908] {
  color: currentColor;
  opacity: .78;
}

.lsi-print-grid[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lap-6);
  max-width: 62rem;
  margin: 0 auto;
}

.lsi-print-card[b-1xedq06908] {
  padding: var(--lap-7);
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
}

.lsi-print-card img[b-1xedq06908] {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: contain;
}

.lsi-print-card__eyebrow[b-1xedq06908] {
  margin: var(--lap-5) 0 var(--lap-2);
  color: var(--lsi-primary);
  font-size: var(--lap-text-size2);
  font-weight: var(--lap-fw-bold);
}

.lsi-print-card h3[b-1xedq06908] {
  margin: 0;
  font-size: var(--lap-text-size5);
  line-height: var(--lap-lh-tight);
}

.lsi-print-card__divider[b-1xedq06908] {
  width: 100%;
  height: 1px;
  margin: var(--lap-5) 0;
  background: var(--lsi-border);
}

.lsi-print-card ul[b-1xedq06908] {
  margin: var(--lap-3) 0 0;
  padding-left: var(--lap-5);
  color: var(--lsi-muted);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-design[b-1xedq06908] {
  display: grid;
  grid-template-columns: minmax(20rem, 1.1fr) minmax(20rem, .9fr);
  align-items: center;
  gap: calc(var(--lap-1) * 14);
  background: var(--lap-white);
}

.lsi-design__gallery[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--lap-3);
}

.lsi-design__item[b-1xedq06908] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-xl);
  background: var(--lap-white);
  transition: transform var(--lap-motion), border-color var(--lap-motion), box-shadow var(--lap-motion);
}

.lsi-design__item[b-1xedq06908]  img {
  width: auto;
  height: auto;
  max-width: 75%;
  max-height: 75%;
  object-fit: contain;
}

.lsi-design__item:hover[b-1xedq06908] {
  z-index: 1;
  border-color: var(--lap-primary-200);
  transform: scale(1.06);
}

.lsi-design__tags[b-1xedq06908] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lap-2);
  margin-bottom: var(--lap-6);
}

.lsi-design__tags > span[b-1xedq06908] {
  display: inline-flex;
  align-items: center;
  gap: var(--lap-2);
  padding: var(--lap-2) var(--lap-3);
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-max);
  color: var(--lsi-muted);
  background: var(--lap-white);
  font-size: var(--lap-text-size2);
  transition: color var(--lap-motion-fast), border-color var(--lap-motion-fast), background var(--lap-motion-fast);
}

.lsi-design__tags > span:hover[b-1xedq06908] {
  border-color: var(--lsi-primary);
  color: var(--lsi-primary);
  background: var(--lsi-primary-soft);
}

.lsi-design__tag-icon[b-1xedq06908] {
  width: 1rem;
  height: 1rem;
  color: var(--lsi-primary);
}

.lsi-how[b-1xedq06908] {
  background: var(--lap-gray-50);
}

.lsi-steps[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.lsi-step[b-1xedq06908] {
  position: relative;
  padding: var(--lap-7);
  border-radius: var(--lap-r-2xl);
  text-align: center;
  transition: transform var(--lap-motion);
}

.lsi-step + .lsi-step[b-1xedq06908]::before {
  content: "";
  position: absolute;
  top: 4rem;
  left: -12%;
  width: 24%;
  border-top: 2px dashed var(--lap-primary-200);
}

.lsi-step__number[b-1xedq06908] {
  position: absolute;
  top: var(--lap-4);
  right: 24%;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  color: var(--lsi-white);
  background: var(--lsi-primary);
  font-size: var(--lap-text-size1);
  font-weight: var(--lap-fw-bold);
  transition: background-color var(--lap-motion), transform var(--lap-motion);
}

.lsi-step__icon[b-1xedq06908] {
  width: 4.25rem;
  height: 4.25rem;
  margin-bottom: var(--lap-5);
  color: var(--lsi-primary);
  transition: color var(--lap-motion), filter var(--lap-motion), transform var(--lap-motion);
}

.lsi-step h3[b-1xedq06908] {
  margin: 0 0 var(--lap-3);
  font-size: var(--lap-text-size4);
  transition: color var(--lap-motion);
}

.lsi-step p[b-1xedq06908] {
  margin: 0;
  color: var(--lsi-muted);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-step:hover[b-1xedq06908] {
  transform: translateY(calc(var(--lap-1) * -1));
}

.lsi-step:hover .lsi-step__icon[b-1xedq06908] {
  color: var(--lsi-primary-dark);
  filter: drop-shadow(0 .4rem .65rem color-mix(in srgb, var(--lsi-primary) 24%, transparent));
  transform: scale(1.12);
}

.lsi-step:hover .lsi-step__number[b-1xedq06908] {
  background: var(--lsi-primary-dark);
  transform: scale(1.08);
}

.lsi-step:hover h3[b-1xedq06908] {
  color: var(--lsi-primary-dark);
}

.lsi-usecase-grid[b-1xedq06908] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lap-5);
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.lsi-usecase-card[b-1xedq06908] {
  overflow: hidden;
  border: 1px solid var(--lsi-border);
  border-radius: var(--lap-r-2xl);
  background: var(--lap-white);
  box-shadow: var(--lap-shadow-1);
  transition: transform var(--lap-motion), box-shadow var(--lap-motion);
}

.lsi-usecase-card:hover[b-1xedq06908] {
  box-shadow: var(--lap-shadow-3);
  transform: translateY(calc(var(--lap-1) * -1));
}

.lsi-usecase-card img[b-1xedq06908] {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.lsi-usecase-card h3[b-1xedq06908] {
  margin: var(--lap-5) var(--lap-5) var(--lap-1);
  font-size: var(--lap-text-size4);
}

.lsi-usecase-card p[b-1xedq06908] {
  margin: 0 var(--lap-5) var(--lap-5);
  color: var(--lsi-muted);
}

.lsi-cta[b-1xedq06908] {
  position: relative;
  overflow: hidden;
  color: var(--lsi-white);
  text-align: center;
  background: linear-gradient(135deg, var(--lap-primary-800), var(--lap-primary-500));
}

.lsi-cta__circle--top[b-1xedq06908] {
  width: 22rem;
  height: 22rem;
  top: -12rem;
  left: -8rem;
  opacity: .12;
}

.lsi-cta__circle--bottom[b-1xedq06908] {
  width: 18rem;
  height: 18rem;
  right: -7rem;
  bottom: -10rem;
  opacity: .12;
}

.lsi-cta__inner[b-1xedq06908] {
  position: relative;
  z-index: 1;
}

.lsi-cta h2[b-1xedq06908] {
  margin: 0 0 var(--lap-4);
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: var(--lap-lh-tight);
}

.lsi-cta p[b-1xedq06908] {
  margin: 0 0 var(--lap-7);
  color: var(--lap-primary-50);
  font-size: var(--lap-text-size3);
  line-height: var(--lap-lh-normal-xl);
}

.lsi-cta .lsi-button-row[b-1xedq06908] { margin-bottom: 0; }

/* LapButton의 구조는 유지하고 CTA 영역에서만 흰색 대비를 보강한다. */
.lsi-cta[b-1xedq06908]  .lb-c-primary-fill {
  color: var(--lsi-primary-dark);
  background: var(--lsi-white);
}

.lsi-cta[b-1xedq06908]  .lb-c-primary-fill:hover {
  border-color: var(--lap-primary-100) !important;
  color: var(--lap-primary-600) !important;
  background: var(--lap-primary-100) !important;
}

[data-lsi-reveal][b-1xedq06908] {
  opacity: 0;
  transform: translateY(var(--lap-5));
  transition: opacity 600ms ease, transform 600ms ease;
}

[data-lsi-reveal].is-visible[b-1xedq06908] {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 64rem) {
  .lsi-feature-grid[b-1xedq06908],
  .lsi-usecase-grid[b-1xedq06908] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lsi-design[b-1xedq06908] {
    grid-template-columns: 1fr;
  }

  .lsi-design__gallery[b-1xedq06908] {
    max-width: 42rem;
    margin: 0 auto;
  }

  .lsi-design__content[b-1xedq06908] {
    max-width: 42rem;
    margin: 0 auto;
  }
}

@media (max-width: 47.98rem) {
  .lsi-root[b-1xedq06908] {
    width: calc(100% + (var(--lap-4) * 2));
    margin: calc(var(--lap-4) * -1);
  }

  .lsi-section[b-1xedq06908] {
    padding: calc(var(--lap-1) * 14) var(--lap-5);
  }

  .lsi-mobile-only[b-1xedq06908] {
    display: block;
  }

  .lsi-hero[b-1xedq06908] {
    min-height: auto;
    padding: calc(var(--lap-1) * 14) var(--lap-5) calc(var(--lap-1) * 12);
  }

  .lsi-hero__title-copy[b-1xedq06908] {
    display: block;
    font-size: clamp(1.05rem, 5.5vw, 1.35rem);
    letter-spacing: -.035rem;
    white-space: nowrap;
  }

  .lsi-hero__title-accent[b-1xedq06908] {
    display: block;
    margin-top: var(--lap-2);
    font-size: clamp(2.2rem, 12vw, 3rem);
    letter-spacing: -.06rem;
  }

  .lsi-hero__title-period[b-1xedq06908] {
    display: inline;
  }

  .lsi-hero__subtitle[b-1xedq06908] {
    margin-bottom: var(--lap-6);
  }

  .lsi-browser[b-1xedq06908] {
    display: none;
  }

  .lsi-button-row[b-1xedq06908] {
    align-items: stretch;
    flex-direction: column;
    max-width: 24rem;
    margin-right: auto;
    margin-left: auto;
  }

  .lsi-mobile-hero[b-1xedq06908] {
    position: relative;
    padding: var(--lap-6) var(--lap-5) 0;
    text-align: center;
    background: var(--lap-white);
  }

  .lsi-mobile-hero__image[b-1xedq06908] {
    width: min(100%, 28rem);
  }

  .lsi-mobile-hero__pointer[b-1xedq06908] {
    position: absolute;
    right: 17%;
    bottom: 12%;
    width: 3rem;
  }

  .lsi-stats[b-1xedq06908] {
    grid-template-columns: 1fr;
    padding: var(--lap-8) var(--lap-5);
  }

  .lsi-stats__item[b-1xedq06908] {
    padding: var(--lap-5) 0;
  }

  .lsi-stats__item + .lsi-stats__item[b-1xedq06908]::before {
    top: 0;
    right: 25%;
    bottom: auto;
    left: 25%;
    width: auto;
    height: 1px;
  }

  .lsi-feature-grid[b-1xedq06908],
  .lsi-print-grid[b-1xedq06908],
  .lsi-steps[b-1xedq06908],
  .lsi-usecase-grid[b-1xedq06908] {
    grid-template-columns: 1fr;
  }

  .lsi-step + .lsi-step[b-1xedq06908]::before {
    top: -1rem;
    left: 50%;
    width: 1px;
    height: 2rem;
    border-top: 0;
    border-left: 2px dashed var(--lap-primary-200);
  }

  .lsi-step__number[b-1xedq06908] {
    right: calc(50% - 3rem);
  }

  .lsi-feature-card[b-1xedq06908] {
    min-height: 0;
  }

  .lsi-comparison__desktop[b-1xedq06908] {
    display: none;
  }

  .lsi-comparison-mobile[b-1xedq06908] {
    display: block;
  }

  .lsi-comparison-mobile__head[b-1xedq06908] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
  }

  .lsi-comparison-mobile__head > span[b-1xedq06908] {
    padding: var(--lap-4);
    color: var(--lsi-white);
    text-align: center;
    background: var(--lsi-primary-dark);
  }

  .lsi-comparison-mobile__head > span + span[b-1xedq06908] {
    background: var(--lap-gray-800);
  }

  .lsi-comparison-mobile__head strong[b-1xedq06908],
  .lsi-comparison-mobile__head small[b-1xedq06908] {
    display: block;
  }

  .lsi-comparison-mobile__head small[b-1xedq06908] {
    color: var(--lap-gray-300);
  }

  .lsi-comparison-mobile__row[b-1xedq06908] {
    border: 1px solid var(--lsi-border);
    border-top: 0;
  }

  .lsi-comparison-mobile__row:last-child[b-1xedq06908] {
    border-radius: 0 0 var(--lap-r-xl) var(--lap-r-xl);
  }

  .lsi-comparison-mobile__row h3[b-1xedq06908] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--lap-2);
    margin: 0;
    padding: var(--lap-3);
    color: var(--lsi-muted);
    background: var(--lap-gray-50);
    font-size: var(--lap-text-size2);
  }

  .lsi-comparison-mobile__icon[b-1xedq06908] {
    width: 1rem;
    height: 1rem;
  }

  .lsi-comparison-mobile__cells[b-1xedq06908] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lsi-comparison-mobile__cells > div[b-1xedq06908] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: var(--lap-4) var(--lap-2);
    text-align: center;
  }

  .lsi-comparison-mobile__cells > div:first-child[b-1xedq06908] {
    background: var(--lsi-primary-soft);
  }

  .lsi-release__toggle[b-1xedq06908] {
    flex-wrap: nowrap;
    gap: var(--lap-2);
    padding: var(--lap-4);
  }

  .lsi-release__version[b-1xedq06908] {
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    font-size: var(--lap-text-size2);
    white-space: nowrap;
  }

  .lsi-release__more[b-1xedq06908] {
    grid-template-columns: 1fr 1rem;
  }

  .lsi-release__more small[b-1xedq06908] {
    display: none;
  }

  .lsi-print-card img[b-1xedq06908] {
    height: 11rem;
  }

  .lsi-design__gallery[b-1xedq06908] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--lap-2);
  }

  .lsi-design__content .lsi-section-head[b-1xedq06908] {
    text-align: center;
  }

  .lsi-design__tags[b-1xedq06908],
  .lsi-button-row--left[b-1xedq06908] {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-lsi-reveal][b-1xedq06908] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .lsi-release__body[b-1xedq06908],
  .lsi-step[b-1xedq06908],
  .lsi-step__icon[b-1xedq06908],
  .lsi-step__number[b-1xedq06908],
  .lsi-step h3[b-1xedq06908],
  .lsi-feature-card[b-1xedq06908],
  .lsi-usecase-card[b-1xedq06908] {
    transition: none;
  }
}
/* /Components/Pages/Software/Shared/ProgramHelpView.razor.rz.scp.css */
.phv-content__head > span[b-45bywz7mv6] { display: inline-flex; color: var(--lap-primary-600); font-size: var(--lap-text-size1); font-weight: var(--lap-fw-bold); letter-spacing: .08em; text-transform: uppercase; }
.phv-layout[b-45bywz7mv6] { align-items: flex-start; }
.phv-content[b-45bywz7mv6] { min-height: 38rem; }
.phv-content__head[b-45bywz7mv6] { padding-bottom: var(--lap-6); border-bottom: 1px solid var(--lap-gray-200); }
.phv-content__head h2[b-45bywz7mv6] { margin: var(--lap-2) 0 0; color: var(--lap-text-primary); font-size: clamp(1.5rem, 3vw, 2rem); line-height: var(--lap-lh-tight); }
.phv-content__head p[b-45bywz7mv6] { margin: var(--lap-2) 0 0; color: var(--lap-text-secondary); }
.phv-document[b-45bywz7mv6] { padding-top: var(--lap-7); color: var(--lap-text-primary); line-height: 1.4; overflow-x: auto; overflow-wrap: break-word; }
.phv-document[b-45bywz7mv6]  p { margin: 0 0 1.25rem; font-size: inherit; line-height: 1.8; }
.phv-document[b-45bywz7mv6]  p:last-child { margin-bottom: 0; }
.phv-document[b-45bywz7mv6]  dl,
.phv-document[b-45bywz7mv6]  ol,
.phv-document[b-45bywz7mv6]  ul { margin: 0 0 1.25rem; padding: 0; list-style-position: outside; line-height: 1.8; }
.phv-document[b-45bywz7mv6]  ul { margin-left: 1.25rem; list-style-type: disc; }
.phv-document[b-45bywz7mv6]  ol { margin-left: 1.25rem; list-style-type: decimal; }
.phv-document[b-45bywz7mv6]  li { display: list-item; font-size: inherit; }
.phv-document[b-45bywz7mv6]  strong,
.phv-document[b-45bywz7mv6]  b { font-weight: var(--lap-fw-bold); line-height: inherit; }
.phv-document[b-45bywz7mv6]  img { display: inline-block; max-width: 100% !important; height: auto !important; border-style: none; vertical-align: middle; }
.phv-document[b-45bywz7mv6]  iframe { display: block; width: 100% !important; max-width: 100%; height: auto !important; border: 0; border-radius: var(--lap-r-xl); background: var(--lap-gray-900); aspect-ratio: 16 / 9; }
.phv-document[b-45bywz7mv6]  video { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--lap-r-xl); background: var(--lap-gray-900); }
.phv-document[b-45bywz7mv6]  table { width: 100%; max-width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.phv-document[b-45bywz7mv6]  a { color: var(--lap-primary-600); text-underline-offset: .2em; }
.phv-document[b-45bywz7mv6]  h1,
.phv-document[b-45bywz7mv6]  h2,
.phv-document[b-45bywz7mv6]  h3,
.phv-document[b-45bywz7mv6]  h4,
.phv-document[b-45bywz7mv6]  h5,
.phv-document[b-45bywz7mv6]  h6 { padding: 0; color: var(--lap-text-primary); line-height: var(--lap-lh-tight); }
.phv-document[b-45bywz7mv6]  h1 { margin: .67em 0; font-size: 2em; }
.phv-document[b-45bywz7mv6]  h2 { margin: .83em 0; font-size: 1.5em; }
.phv-document[b-45bywz7mv6]  h3 { margin: 0 0 .5rem; font-size: 1.17em; }
.phv-document[b-45bywz7mv6]  h4 { margin: 1.33em 0; font-size: 1em; }
.phv-document[b-45bywz7mv6]  hr { height: 0; margin: 1.25rem auto; overflow: visible; border: 0; border-bottom: 1px solid var(--lap-gray-300); }
.phv-document[b-45bywz7mv6]  blockquote { margin: 0; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid var(--lap-gray-300); }
.phv-document[b-45bywz7mv6]  blockquote,
.phv-document[b-45bywz7mv6]  blockquote p { font-size: inherit; line-height: 1.8; color: inherit; }
.phv-document[b-45bywz7mv6]  pre { max-width: 100%; padding: var(--lap-4); overflow-x: auto; border-radius: var(--lap-r-lg); background: var(--lap-gray-100); }
.phv-sidebar[b-45bywz7mv6] { position: sticky; top: var(--lap-4); display: flex; flex-direction: column; gap: var(--lap-4); }
.phv-sidebar[b-45bywz7mv6]  .lap-category-wrap { position: static; top: auto; width: 100%; }
.phv-search[b-45bywz7mv6] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--lap-2); padding: var(--lap-4); border: 1px solid var(--lap-gray-200); border-radius: var(--lap-r-xl); background: var(--lap-white); }
.phv-results[b-45bywz7mv6] { margin: 0; padding: var(--lap-3) 0 0; list-style: none; }
.phv-results li + li[b-45bywz7mv6] { border-top: 1px solid var(--lap-gray-200); }
.phv-results a[b-45bywz7mv6] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-4); padding: var(--lap-5) var(--lap-2); color: var(--lap-text-primary); text-decoration: none; }
.phv-results a:hover[b-45bywz7mv6], .phv-results a:focus-visible[b-45bywz7mv6] { color: var(--lap-primary-600); }
.phv-results a > span:first-child[b-45bywz7mv6] { display: flex; min-width: 0; flex-direction: column; gap: var(--lap-1); }
.phv-results small[b-45bywz7mv6] { color: var(--lap-text-tertiary); }
.phv-results strong[b-45bywz7mv6] { overflow-wrap: anywhere; }
.phv-results__arrow[b-45bywz7mv6] { flex: 0 0 auto; color: currentColor; }
.phv-empty[b-45bywz7mv6] { display: flex; align-items: center; flex-direction: column; gap: var(--lap-3); padding: calc(var(--lap-1) * 20) var(--lap-4); color: var(--lap-text-secondary); text-align: center; }
.phv-empty .lap-icon[b-45bywz7mv6] { color: var(--lap-primary-500); }
.phv-empty p[b-45bywz7mv6] { margin: 0; }
.phv-video[b-45bywz7mv6] { position: relative; margin-top: var(--lap-7); overflow: hidden; border-radius: var(--lap-r-xl); background: var(--lap-gray-900); aspect-ratio: 16 / 9; }
.phv-video iframe[b-45bywz7mv6] { width: 100%; height: 100%; border: 0; }

@media (max-width: 61.99875rem) {
  .phv-sidebar[b-45bywz7mv6] { position: static; }
}

@media (max-width: 47.99875rem) {
  .phv-content[b-45bywz7mv6] { min-height: 0; }
  .phv-search[b-45bywz7mv6] { padding: var(--lap-3); }
}
/* /Components/Pages/VideoCenter/VideoCenter.razor.rz.scp.css */
.vc-toolbar[b-kkmscmn66t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    margin-bottom: var(--lap-3);
}

.vc-tabs[b-kkmscmn66t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lap-2);
}

.vc-tab[b-kkmscmn66t] {
    min-height: 36px;
    border: 1px solid var(--lap-gray-300);
    border-radius: var(--lap-r-sm);
    background: var(--lap-surface-0);
    color: var(--lap-text-tertiary);
    padding: 0 var(--lap-3);
    font-weight: var(--lap-fw-semibold);
}

.vc-tab:hover[b-kkmscmn66t],
.vc-tab.is-active[b-kkmscmn66t] {
    border-color: var(--lap-color-primary);
    color: var(--lap-color-primary);
}

.vc-result[b-kkmscmn66t] {
    margin-bottom: var(--lap-3);
}

.vc-card[b-kkmscmn66t] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--lap-2);
    color: inherit;
    text-decoration: none;
}

.vc-thumb[b-kkmscmn66t] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--lap-gray-200);
    border-radius: var(--lap-r-md);
}

.vc-thumb-image[b-kkmscmn66t] {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transform: scale(1.015);
    transform-origin: center;
}

.vc-title[b-kkmscmn66t] {
    font-size: var(--lap-text-size3);
    line-height: 1.45;
}

.vc-thumb-shorts[b-kkmscmn66t] {
    aspect-ratio: 9 / 16;
}

@media (max-width: 992px) {
    .lap-search-box[b-kkmscmn66t] {
        width: 100%;
    }

    .lap-search-main[b-kkmscmn66t] {
        max-width: none;
        width: 100%;
    }

    .vc-toolbar[b-kkmscmn66t] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/VideoCenter/VideoView.razor.rz.scp.css */
.vv-header[b-kkw2qr2z6e] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--lap-3);
}

.vv-heading[b-kkw2qr2z6e] {
    min-width: 0;
    flex: 1 1 auto;
    text-align: left;
}

.vv-list-button[b-kkw2qr2z6e] {
    flex: 0 0 auto;
}

.vv-player[b-kkw2qr2z6e] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    overflow: hidden;
}

.vv-player.is-shorts[b-kkw2qr2z6e] {
    width: min(315px, 100%);
    height: min(560px, calc(100vw * 16 / 9));
    aspect-ratio: 9 / 16;
    margin: 0 auto;
}

.vv-player iframe[b-kkw2qr2z6e] {
    width: 100%;
    height: 100%;
    display: block;
}

.vv-related[b-kkw2qr2z6e] {
    border-top: 1px solid var(--lap-gray-200);
    padding-top: var(--lap-5);
}

.vv-grid[b-kkw2qr2z6e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lap-4);
}

.vv-card[b-kkw2qr2z6e] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--lap-2);
    color: inherit;
    text-decoration: none;
}

.vv-thumb[b-kkw2qr2z6e] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--lap-gray-200);
    border-radius: var(--lap-r-md);
}

.vv-thumb-image[b-kkw2qr2z6e] {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transform: scale(1.015);
    transform-origin: center;
}

.vv-thumb-shorts-frame[b-kkw2qr2z6e] {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.vv-thumb-shorts-bg[b-kkw2qr2z6e] {
    position: absolute;
    top: calc(var(--lap-4) * -1);
    right: calc(var(--lap-4) * -1);
    bottom: calc(var(--lap-4) * -1);
    left: calc(var(--lap-4) * -1);
    width: calc(100% + var(--lap-8));
    height: calc(100% + var(--lap-8));
    max-width: none;
    object-fit: cover;
    filter: blur(22px) brightness(0.56);
    transform: scale(1.28);
    transform-origin: center;
}

.vv-thumb-shorts-image[b-kkw2qr2z6e] {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
    object-fit: contain;
}

.vv-title[b-kkw2qr2z6e] {
    line-height: 1.45;
}

@media (max-width: 992px) {
    .vv-grid[b-kkw2qr2z6e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .vv-grid[b-kkw2qr2z6e] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/WallPaper/WallPaper.razor.rz.scp.css */
.wp-help[b-7neh6cc75p] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-1);
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    line-height: var(--lap-lh-normal-plus);
}

.wp-help-title[b-7neh6cc75p] {
    color: var(--lap-text-primary);
    font-weight: var(--lap-fw-semibold);
}

.wp-month[b-7neh6cc75p] {
    color: var(--lap-text-primary);
    font-size: var(--lap-text-size4);
    font-weight: var(--lap-fw-semibold);
}

.wp-group[b-7neh6cc75p] {
    display: flex;
    flex-direction: column;
    gap: var(--lap-3);
}

.wp-group + .wp-group[b-7neh6cc75p] {
    margin-top: var(--lap-7);
}

.wp-size[b-7neh6cc75p] {
    color: var(--lap-color-danger);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
}

.wp-item[b-7neh6cc75p] {
    width: 100%;
    height: auto;
    border: 1px solid var(--lap-gray-200);
    border-radius: var(--lap-r-md);
    background: var(--lap-gray-100);
    object-fit: cover;
}

@media (max-width: 576px) {
    .wp-help[b-7neh6cc75p] {
        font-size: var(--lap-text-size1);
    }
}
/* /Components/Shared/DashboardDetailLink.razor.rz.scp.css */
.ddl-root[b-a47gkeqcc3] {
  display: inline-grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  width: var(--lap-4);
  height: var(--lap-4);
  color: var(--lap-text-disabled);
  text-decoration: none;
  background: transparent;
  border-radius: var(--lap-r-max);
  transition: color var(--lap-motion-fast) ease,
              background-color var(--lap-motion-fast) ease,
              box-shadow var(--lap-motion-fast) ease;
}

/* 기존 16px 배치 간격은 유지하면서 포인터가 닿는 영역만 바깥으로 넓힌다. */
.ddl-root[b-a47gkeqcc3]::before {
  content: "";
  position: absolute;
  inset: calc(var(--lap-2) * -1) calc(var(--lap-2) * -1) calc(var(--lap-2) * -1) 0;
}

.ddl-root:hover[b-a47gkeqcc3] {
  color: var(--lap-color-primary);
  background-color: var(--lap-primary-50);
  box-shadow: 0 0 0 var(--lap-1) var(--lap-primary-100);
}

.ddl-root:focus-visible[b-a47gkeqcc3] {
  color: var(--lap-color-primary);
  background-color: var(--lap-primary-50);
  outline: 2px solid var(--lap-primary-300);
  outline-offset: 2px;
}

.ddl-root:active[b-a47gkeqcc3] {
  color: var(--lap-text-primary);
}

@media (prefers-reduced-motion: reduce) {
  .ddl-root[b-a47gkeqcc3] {
    transition: none;
  }
}
/* /Components/Shared/DashboardWidgetFrame.razor.rz.scp.css */
.dwf-root[b-4w8zxw0zy3] {
  min-width: 0;
}

.dwf-title[b-4w8zxw0zy3],
.dwf-actions[b-4w8zxw0zy3] {
  min-width: 0;
}

.dwf-title h2[b-4w8zxw0zy3] {
  margin: 0;
  min-width: 0;
}

.dwf-help[b-4w8zxw0zy3] {
  flex: 0 0 auto;
  color: var(--lap-text-disabled);
  transition: color var(--lap-motion-fast) ease;
}

.dwf-help-button[b-4w8zxw0zy3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--lap-r-sm);
  background: transparent;
  cursor: pointer;
}

/* 장바구니 도움말 아이콘과 동일하게 hover 시 primary 색상을 사용한다. */
.dwf-help:hover[b-4w8zxw0zy3],
.dwf-help-button:hover .dwf-help[b-4w8zxw0zy3] {
  color: var(--lap-color-primary);
}

.dwf-help-button:focus-visible[b-4w8zxw0zy3] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: var(--lap-1);
}

.dwf-actions[b-4w8zxw0zy3] {
  display: flex;
  align-items: center;
  gap: var(--lap-1);
}

.dwf-body[b-4w8zxw0zy3] {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.dwf-body.is-scrollable[b-4w8zxw0zy3] {
  overflow-y: auto;
}

.dwf-body.is-static[b-4w8zxw0zy3] {
  overflow: hidden;
}

[b-4w8zxw0zy3] .dwf-detail-link {
  flex: 0 0 var(--lap-4);
}

@media (max-width: 767.98px) {
  /* 모바일은 위젯이 한 열로 쌓이므로 실제 항목 수만큼 높이를 사용하고 내부 스크롤을 만들지 않는다. */
  .dwf-root[b-4w8zxw0zy3] {
    height: auto;
  }

  .dwf-body[b-4w8zxw0zy3],
  .dwf-body.is-scrollable[b-4w8zxw0zy3],
  .dwf-body.is-static[b-4w8zxw0zy3] {
    flex: 0 1 auto;
    overflow: visible;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dwf-help[b-4w8zxw0zy3] {
    transition: none;
  }
}
/* /Components/Shared/LapAddressSearch.razor.rz.scp.css */
.las-root[b-9i7f289vxr] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-2);
	width: 100%;
}

.las-row[b-9i7f289vxr] {
	display: flex;
	align-items: flex-end;
	gap: var(--lap-3);
	width: 100%;
}

.las-zip-row > :first-child[b-9i7f289vxr] {
	flex: 0 0 auto;
}

.las-zip-row > :last-child[b-9i7f289vxr] {
	flex: 1 1 auto;
	min-width: 0;
}

.las-error[b-9i7f289vxr] {
	color: var(--lap-warning-600);
	font-size: var(--lap-text-size1);
	line-height: 1.5;
}

@media (max-width: 768px) {
	.las-row[b-9i7f289vxr] {
		flex-direction: column;
		align-items: stretch;
	}
}
/* /Components/Shared/LapButton.razor.rz.scp.css */
/* Components/Shared/LapButton.razor.css */

.lb-root[b-6g64e904uu] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--lap-2);
	border: 1px solid transparent;
	background: transparent;
	text-decoration: none;
	user-select: none;
	cursor: pointer;
	line-height: var(--lap-lh-normal);
	transition: background-color var(--lap-motion, 200ms), color var(--lap-motion, 200ms), border-color var(--lap-motion, 200ms), box-shadow var(--lap-motion, 200ms);
}

	.lb-root:link[b-6g64e904uu],
	.lb-root:visited[b-6g64e904uu] {
		text-decoration: none;
	}

.lb-inner[b-6g64e904uu] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--lap-2);
	min-width: 0;
}

.lb-text[b-6g64e904uu] {
	min-width: 0;
	white-space: nowrap;
}

.lb-ico[b-6g64e904uu] {
	color: currentColor;
}

.lb-spinner[b-6g64e904uu] {
	display: inline-block;
	flex: 0 0 auto;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: lb-spin-b-6g64e904uu 800ms linear infinite;
}

.lb-spinner-20[b-6g64e904uu] {
	width: 20px;
	height: 20px;
}

.lb-spinner-16[b-6g64e904uu] {
	width: 16px;
	height: 16px;
}

.lb-root.is-loading[b-6g64e904uu] {
	cursor: wait;
	opacity: 1;
}

.lb-root[aria-disabled="true"][b-6g64e904uu] {
	pointer-events: none;
}

.lb-root.is-loading .lb-inner[b-6g64e904uu] {
	pointer-events: none;
}

@keyframes lb-spin-b-6g64e904uu {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.lb-spinner[b-6g64e904uu] {
		animation: none;
	}
}

/* Weight */
.lb-w-regular[b-6g64e904uu] {
	font-weight: var(--lap-fw-regular);
}

.lb-w-semibold[b-6g64e904uu] {
	font-weight: var(--lap-fw-semibold);
}

/* Size (루트 결합 셀렉터로 확실히 반영) */
.lb-root.lb-s48[b-6g64e904uu] {
	height: var(--lap-12); /* 48px */
	padding: 0 var(--lap-4); /* 16px */
	font-size: var(--lap-text-size3); /* 16px */
}

.lb-root.lb-s44[b-6g64e904uu] {
	height: var(--lap-11); /* 44px */
	padding: 0 var(--lap-4); /* 16px */
	font-size: var(--lap-text-size3); /* 16px */
}

.lb-root.lb-s36[b-6g64e904uu] {
	height: var(--lap-9); /* 36px */
	padding: 0 var(--lap-3); /* 12px */
	font-size: var(--lap-text-size2); /* 14px */
}

.lb-root.lb-s32[b-6g64e904uu] {
	height: var(--lap-8); /* 32px */
	padding: 0 var(--lap-3); /* 12px */
	font-size: var(--lap-text-size2); /* 14px */
}

.lb-root.lb-s28[b-6g64e904uu] {
	height: var(--lap-7); /* 28px */
	padding: 0 var(--lap-2); /* 8px */
	font-size: var(--lap-text-size1); /* 12px */
}

/* IconOnly(정사각) */
.lb-icon-only.lb-s48[b-6g64e904uu] {
	width: var(--lap-12);
	padding: 0;
}

.lb-icon-only.lb-s44[b-6g64e904uu] {
	width: var(--lap-11);
	padding: 0;
}

.lb-icon-only.lb-s36[b-6g64e904uu] {
	width: var(--lap-9);
	padding: 0;
}

.lb-icon-only.lb-s32[b-6g64e904uu] {
	width: var(--lap-8);
	padding: 0;
}

.lb-icon-only.lb-s28[b-6g64e904uu] {
	width: var(--lap-7);
	padding: 0;
}

/* Width */
.lb-w-full[b-6g64e904uu] {
	width: 100%;
}

/* Big: Auto처럼 늘어나되 "최소폭"을 크게 */
.lb-w-big[b-6g64e904uu] {
	width: auto;
}

.lb-root.lb-w-big.lb-s48[b-6g64e904uu] {
	min-width: calc(var(--lap-1) * 60);
}
/* 240px */
.lb-root.lb-w-big.lb-s44[b-6g64e904uu] {
	min-width: calc(var(--lap-1) * 55);
}
/* 220px */
.lb-root.lb-w-big.lb-s36[b-6g64e904uu] {
	min-width: calc(var(--lap-1) * 50);
}
/* 200px */
.lb-root.lb-w-big.lb-s32[b-6g64e904uu] {
	min-width: calc(var(--lap-1) * 50);
}
/* 200px */
.lb-root.lb-w-big.lb-s28[b-6g64e904uu] {
	min-width: calc(var(--lap-1) * 45);
}
/* 180px */

/* Shape */
.lb-sh-default.lb-s48[b-6g64e904uu],
.lb-sh-default.lb-s44[b-6g64e904uu],
.lb-sh-default.lb-s36[b-6g64e904uu],
.lb-sh-default.lb-s32[b-6g64e904uu] {
	border-radius: var(--lap-r-md);
}
/* 6px */
.lb-sh-default.lb-s28[b-6g64e904uu] {
	border-radius: var(--lap-r-sm);
}
/* 4px */

.lb-sh-square[b-6g64e904uu] {
	border-radius: 0;
}

.lb-sh-pill[b-6g64e904uu] {
	border-radius: var(--lap-r-max);
}

/* Case (9) */
.lb-c-primary-fill[b-6g64e904uu] {
	background: var(--lap-color-primary);
	border-color: var(--lap-color-primary);
	color: var(--lap-text-white, #fff);
}

.lb-c-strong-fill[b-6g64e904uu] {
	background: var(--lap-gray-600);
	border-color: var(--lap-gray-600);
	color: var(--lap-text-white, #fff);
}

.lb-c-weak-fill[b-6g64e904uu] {
	background: var(--lap-gray-200);
	border-color: var(--lap-gray-200);
	color: var(--lap-text-main);
}

.lb-c-primary-line[b-6g64e904uu] {
	background: transparent;
	border-color: var(--lap-color-primary);
	color: var(--lap-color-primary);
}

.lb-c-strong-line[b-6g64e904uu] {
	background: transparent;
	border-color: var(--lap-gray-800);
	color: var(--lap-gray-800);
}

.lb-c-weak-line[b-6g64e904uu] {
	background: transparent;
	border-color: var(--lap-gray-300);
	color: var(--lap-text-main);
}

.lb-c-icon-only[b-6g64e904uu] {
	background: var(--lap-color-primary);
	border-color: var(--lap-color-primary);
	color: var(--lap-text-white, #fff);
}

.lb-c-text-primary[b-6g64e904uu] {
	background: transparent;
	border-color: transparent;
	color: var(--lap-color-primary);
}

.lb-c-text-underline[b-6g64e904uu] {
	background: transparent;
	border-color: transparent;
	color: var(--lap-color-primary);
	text-decoration: underline;
}

/* States */
.lb-root:disabled[b-6g64e904uu],
.is-force-disabled[b-6g64e904uu] {
	cursor: not-allowed;
	opacity: 0.55;
}

/* 포커스 박스쉐도우 제거 */
.lb-root:focus-visible[b-6g64e904uu] {
	outline: none;
	box-shadow: none;
}

.is-force-focus[b-6g64e904uu] {
	box-shadow: none;
}

/* Hover/Completion/Check (기존 유지) */
.lb-c-primary-fill:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-primary-fill.is-force-hover[b-6g64e904uu] {
	background: var(--lap-primary-600);
	border-color: var(--lap-primary-600);
}

.lb-c-primary-fill.is-force-completion[b-6g64e904uu] {
	background: var(--lap-primary-700);
	border-color: var(--lap-primary-700);
}

.lb-c-primary-fill.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 85%, var(--lap-gray-800));
	border-color: color-mix(in oklab, var(--lap-color-primary) 85%, var(--lap-gray-800));
}

.lb-c-strong-fill:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-strong-fill.is-force-hover[b-6g64e904uu] {
	background: var(--lap-gray-700);
	border-color: var(--lap-gray-700);
}

.lb-c-strong-fill.is-force-completion[b-6g64e904uu],
.lb-c-strong-fill.is-force-check[b-6g64e904uu] {
	background: var(--lap-gray-900);
	border-color: var(--lap-gray-900);
}

.lb-c-weak-fill:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-weak-fill.is-force-hover[b-6g64e904uu] {
	background: var(--lap-gray-300);
	border-color: var(--lap-gray-300);
}

.lb-c-weak-fill.is-force-completion[b-6g64e904uu],
.lb-c-weak-fill.is-force-check[b-6g64e904uu] {
	background: var(--lap-gray-400);
	border-color: var(--lap-gray-400);
}

.lb-c-primary-line:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-primary-line.is-force-hover[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 10%, transparent);
}

.lb-c-primary-line.is-force-completion[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 16%, transparent);
}

.lb-c-primary-line.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 22%, transparent);
}

.lb-c-strong-line:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-strong-line.is-force-hover[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-gray-800) 8%, transparent);
}

.lb-c-strong-line.is-force-completion[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-gray-800) 14%, transparent);
}

.lb-c-strong-line.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-gray-800) 18%, transparent);
}

.lb-c-weak-line:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-weak-line.is-force-hover[b-6g64e904uu] {
	background: var(--lap-gray-100);
}

.lb-c-weak-line.is-force-completion[b-6g64e904uu] {
	background: var(--lap-gray-200);
}

.lb-c-weak-line.is-force-check[b-6g64e904uu] {
	background: var(--lap-gray-300);
}

.lb-c-icon-only:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-icon-only.is-force-hover[b-6g64e904uu] {
	background: var(--lap-primary-600);
	border-color: var(--lap-primary-600);
}

.lb-c-icon-only.is-force-completion[b-6g64e904uu] {
	background: var(--lap-primary-700);
	border-color: var(--lap-primary-700);
}

.lb-c-icon-only.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 85%, var(--lap-gray-800));
	border-color: color-mix(in oklab, var(--lap-color-primary) 85%, var(--lap-gray-800));
}

.lb-c-text-primary:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-text-primary.is-force-hover[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 10%, transparent);
}

.lb-c-text-primary.is-force-completion[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 16%, transparent);
}

.lb-c-text-primary.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 22%, transparent);
}

.lb-c-text-underline:hover:not(:disabled):not(.is-force-disabled)[b-6g64e904uu],
.lb-c-text-underline.is-force-hover[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 10%, transparent);
}

.lb-c-text-underline.is-force-completion[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 16%, transparent);
}

.lb-c-text-underline.is-force-check[b-6g64e904uu] {
	background: color-mix(in oklab, var(--lap-color-primary) 22%, transparent);
}

/* =========================================================
   추가: MobileFullWidth (LapSelect와 동일)
   - MobileFullWidth=true면 lb-mobile-full 클래스가 붙고
   - 모바일 구간에서만 width:100%로 강제
   ========================================================= */
@media (max-width: 991.98px) {
	.lb-mobile-full[b-6g64e904uu] {
		width: 100% !important;
	}
}
/* /Components/Shared/LapCategoryBar.razor.rz.scp.css */
/* Components/Shared/LapCategoryBar.razor.css */

.lcb-wrap[b-ceke0boki6] {
    width: 100%;
}

.lcb-card[b-ceke0boki6] {
    height: fit-content;
}

.lcb-item[b-ceke0boki6] {
    padding: 0;
}

.lcb-list[b-ceke0boki6]  a,
.lcb-list span[b-ceke0boki6] {
    display: block;
    color: inherit;
    padding: var(--lap-2) 0;
    text-decoration: none;
    width: 100%;
}

.lcb-item.is-active[b-ceke0boki6]  a,
.lcb-item.is-active span[b-ceke0boki6] {
    color: var(--lap-text-main);
}

@media (max-width: 991.98px) {
    .lcb-wrap[b-ceke0boki6] {
        position: static;
        top: auto;
        margin-top: var(--lap-5);
    }
}
/* /Components/Shared/LapCheckbox.razor.rz.scp.css */
/* =========================================================
   LapCheckbox
   - Type A: 박스형 체크박스 (20/16)
   - Type B: 체크마크형 체크박스 (16 중심)
   - 상태: unchecked / checked / disabled / indeterminate
   ========================================================= */

.lc-root[b-l22ialmhlh] {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: var(--lc-gap);
	min-width: 0;
	cursor: pointer;
	user-select: none;

	/* 기본값: Type A / 20 */
	--lc-size: var(--lap-5); /* 20px */
	--lc-gap: var(--lap-2); /* 8px */
	--lc-text-size: var(--lap-text-size2); /* 14px */
	--lc-text-color: var(--lap-text-main);
	--lc-box-radius: var(--lap-r-sm); /* 4px */
	--lc-box-border-width: 1px;

	/* ---------------------------------------------------------
	   색상 변경 가이드
	   1) 체크박스 박스 배경색   -> --lc-box-bg
	   2) 체크박스 테두리색     -> --lc-box-border-color
	   3) 체크 표시(체크마크)색 -> --lc-mark-color

	   참고:
	   - 체크 아이콘(lap-check.svg)은 mask로 쓰이므로,
	     실제 표시 색은 SVG stroke가 아니라 --lc-mark-color로 결정됩니다.
	   - 상태별 색상은 아래 State 블록(.is-checked, .is-disabled 등)에서
	     위 3개 변수를 상태별로 덮어써서 제어합니다.
	   - 프로젝트 규칙상 하드코딩보다 --lap-* 토큰 사용 권장.
	   --------------------------------------------------------- */
	--lc-box-bg: var(--lap-white);
	--lc-box-border-color: var(--lap-gray-500);
	--lc-mark-color: transparent;
	--lc-mark-src: url("/images/lap-check.svg");
	/* 신규 SVG(21x21)가 이전 시안 대비 작게 보이지 않도록 확대 보정 */
	--lc-mark-mask-size: 122% 122%;
	--lc-focus-ring-color: color-mix(in srgb, var(--lap-primary-200) 65%, transparent);
}

/* 실제 입력은 접근성만 유지하고 시각적으로 숨김 */
.lc-input[b-l22ialmhlh] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.lc-indicator[b-l22ialmhlh] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: var(--lc-size);
	height: var(--lc-size);
	border-radius: var(--lc-box-radius);
	border: var(--lc-box-border-width) solid var(--lc-box-border-color);
	background: var(--lc-box-bg);
	transition: background-color var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease;
}

.lc-mark[b-l22ialmhlh] {
	width: 100%;
	height: 100%;
	background: var(--lc-mark-color);
	-webkit-mask: var(--lc-mark-src) no-repeat 50% 50% / var(--lc-mark-mask-size);
	mask: var(--lc-mark-src) no-repeat 50% 50% / var(--lc-mark-mask-size);
	transition: background-color var(--lap-motion-fast) ease;
}

.lc-text[b-l22ialmhlh] {
	min-width: 0;
	font-size: var(--lc-text-size);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	color: var(--lc-text-color);
}

/* =========================================================
   Type / Size
   ========================================================= */

.lc-type-a[b-l22ialmhlh] {
	--lc-gap: var(--lap-2); /* 8px */
}

.lc-type-b[b-l22ialmhlh] {
	--lc-size: var(--lap-4); /* 16px */
	--lc-gap: var(--lap-3); /* 12px */
	--lc-text-size: var(--lap-text-size1); /* 12px */
	--lc-text-color: var(--lap-text-tertiary);
	--lc-box-radius: 0;
	--lc-box-border-width: 0;
	--lc-box-bg: transparent;
	--lc-box-border-color: transparent;
}

.lc-s20[b-l22ialmhlh] {
	--lc-size: var(--lap-5); /* 20px */
	--lc-text-size: var(--lap-text-size2); /* 14px */
}

.lc-s16[b-l22ialmhlh] {
	--lc-size: var(--lap-4); /* 16px */
	--lc-text-size: var(--lap-text-size1); /* 12px */
}

.lc-type-a.lc-s16[b-l22ialmhlh] {
	--lc-box-radius: calc(var(--lap-1) * 0.8); /* 3.2px */
	--lc-box-border-width: calc(var(--lap-1) / 5); /* 0.8px */
}

.lc-type-a.lc-s20[b-l22ialmhlh] {
	--lc-box-radius: var(--lap-r-sm);
	--lc-box-border-width: 1px;
}

/* =========================================================
   Semantic States
   ========================================================= */

.lc-type-a.is-checked[b-l22ialmhlh],
.lc-type-a.is-indeterminate[b-l22ialmhlh] {
	--lc-box-bg: var(--lap-primary-500);
	--lc-box-border-color: var(--lap-primary-500);
	--lc-mark-color: var(--lap-white);
}

.lc-type-a.is-unchecked[b-l22ialmhlh] {
	--lc-mark-color: transparent;
}

.lc-type-a.is-indeterminate .lc-mark[b-l22ialmhlh] {
	width: calc(var(--lc-size) * 0.5);
	height: calc(var(--lap-1) * 0.6);
	border-radius: var(--lap-r-max);
	background: var(--lc-mark-color);
	-webkit-mask: none;
	mask: none;
	transform: none;
}

.lc-type-b.is-checked[b-l22ialmhlh],
.lc-type-b.is-indeterminate[b-l22ialmhlh] {
	--lc-mark-color: var(--lap-primary-400);
}

.lc-type-b.is-unchecked[b-l22ialmhlh] {
	--lc-mark-color: var(--lap-icon-disabled);
}

.lc-type-b .lc-indicator[b-l22ialmhlh] {
	justify-content: flex-start;
}

.lc-type-b.is-indeterminate .lc-mark[b-l22ialmhlh] {
	width: calc(var(--lc-size) * 0.55);
	height: calc(var(--lap-1) * 0.5);
	border-radius: var(--lap-r-max);
	background: var(--lc-mark-color);
	-webkit-mask: none;
	mask: none;
	transform: none;
}

/* Disabled */
.lc-root.is-disabled[b-l22ialmhlh] {
	cursor: not-allowed;
}

.lc-root.is-disabled .lc-text[b-l22ialmhlh] {
	color: var(--lap-text-disabled);
}

.lc-type-a.is-disabled[b-l22ialmhlh] {
	--lc-box-bg: var(--lap-gray-200);
	--lc-box-border-color: var(--lap-gray-400);
}

.lc-type-a.is-disabled.is-checked[b-l22ialmhlh],
.lc-type-a.is-disabled.is-indeterminate[b-l22ialmhlh] {
	--lc-mark-color: var(--lap-gray-400);
}

.lc-type-a.is-disabled.is-unchecked[b-l22ialmhlh] {
	--lc-mark-color: transparent;
}

.lc-type-b.is-disabled[b-l22ialmhlh] {
	--lc-mark-color: var(--lap-gray-400);
}

.lc-type-b.is-disabled.is-unchecked[b-l22ialmhlh] {
	--lc-mark-color: transparent;
}

/* =========================================================
   Interaction (hover / focus)
   ========================================================= */

.lc-root.lc-type-a:not(.is-disabled):hover .lc-indicator[b-l22ialmhlh],
.lc-root.lc-type-a.is-force-hover:not(.is-disabled) .lc-indicator[b-l22ialmhlh] {
	border-color: var(--lap-primary-400);
}

.lc-root.lc-type-a.is-checked:not(.is-disabled):hover .lc-indicator[b-l22ialmhlh],
.lc-root.lc-type-a.is-indeterminate:not(.is-disabled):hover .lc-indicator[b-l22ialmhlh],
.lc-root.lc-type-a.is-checked.is-force-hover:not(.is-disabled) .lc-indicator[b-l22ialmhlh],
.lc-root.lc-type-a.is-indeterminate.is-force-hover:not(.is-disabled) .lc-indicator[b-l22ialmhlh] {
	background: var(--lap-primary-600);
	border-color: var(--lap-primary-600);
}

.lc-root:not(.is-disabled) .lc-input:focus-visible + .lc-indicator[b-l22ialmhlh],
.lc-root.is-force-focus:not(.is-disabled) .lc-indicator[b-l22ialmhlh] {
	box-shadow: 0 0 0 calc(var(--lap-1) / 2) var(--lc-focus-ring-color);
	border-color: var(--lap-primary-400);
}

.lc-root.lc-type-b:not(.is-disabled) .lc-input:focus-visible + .lc-indicator[b-l22ialmhlh],
.lc-root.lc-type-b.is-force-focus:not(.is-disabled) .lc-indicator[b-l22ialmhlh] {
	border-radius: var(--lap-r-sm);
	background: var(--lap-primary-50);
}
/* /Components/Shared/LapDeliveryReturnPolicy.razor.rz.scp.css */
.ldrp-root[b-tzxtg2vee5]{scroll-margin-top:calc(var(--lap-1) * 32);padding:var(--lap-10) var(--lap-8);border-radius:var(--lap-r-xl);background:var(--lap-white);color:var(--lap-text-main)}
.ldrp-heading[b-tzxtg2vee5]{margin-bottom:var(--lap-7);text-align:center}.ldrp-heading>span[b-tzxtg2vee5]{color:var(--lap-color-primary);font-size:var(--lap-text-size1);font-weight:var(--lap-fw-bold)}.ldrp-heading h2[b-tzxtg2vee5]{margin-top:var(--lap-1);font-size:var(--lap-text-size5)}.ldrp-heading p[b-tzxtg2vee5]{margin-top:var(--lap-2);color:var(--lap-text-tertiary)}
.ldrp-list[b-tzxtg2vee5]{display:flex;max-width:calc(var(--lap-1) * 260);margin-inline:auto;flex-direction:column;gap:var(--lap-3)}
.ldrp-list article[b-tzxtg2vee5]{padding:var(--lap-5);border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);background:var(--lap-gray-50)}
.ldrp-list h3[b-tzxtg2vee5]{display:flex;align-items:center;gap:var(--lap-3);margin-bottom:var(--lap-3);font-size:var(--lap-text-size4)}
.ldrp-icon[b-tzxtg2vee5]{width:var(--lap-6);height:var(--lap-6);flex:0 0 auto;color:var(--lap-color-primary)}
.ldrp-list article>p[b-tzxtg2vee5]{margin-top:var(--lap-2);color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);line-height:var(--lap-lh-normal-xl)}.ldrp-list strong[b-tzxtg2vee5]{color:var(--lap-text-main)}
.ldrp-list article>.ldrp-restriction[b-tzxtg2vee5]{color:var(--lap-color-primary);font-weight:var(--lap-fw-semibold)}
.ldrp-root.is-compact[b-tzxtg2vee5]{padding:var(--lap-6) var(--lap-5)}.ldrp-root.is-compact .ldrp-heading[b-tzxtg2vee5]{margin-bottom:var(--lap-4)}.ldrp-root.is-compact .ldrp-list[b-tzxtg2vee5]{gap:var(--lap-2)}.ldrp-root.is-compact .ldrp-list article[b-tzxtg2vee5]{padding:var(--lap-4)}.ldrp-root.is-compact .ldrp-list h3[b-tzxtg2vee5]{margin-bottom:var(--lap-2)}
@media(max-width:767.98px){.ldrp-root[b-tzxtg2vee5]{padding:var(--lap-4)}.ldrp-heading h2[b-tzxtg2vee5]{font-size:var(--lap-text-size4)}}
/* /Components/Shared/LapDeliveryToggle.razor.rz.scp.css */
.ldt-root[b-abufb1ck99] {
    min-width: 0;
    /* 데스크톱 scrollIntoView 시 본문 상단에 모바일과 같은 여백을 남긴다. */
    scroll-margin-top: var(--lap-2);
}

.ldt-panel[b-abufb1ck99] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition:
        grid-template-rows var(--lap-motion) ease,
        opacity var(--lap-motion-fast) ease,
        visibility 0s linear var(--lap-motion);
}

.ldt-panel-inner[b-abufb1ck99] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.ldt-root.is-open .ldt-panel[b-abufb1ck99] {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* 체크박스가 헤더 버튼 밖에 있어도 shell 전체를 하나의 hover 영역으로 처리한다. */
.ldt-root[b-abufb1ck99]  .ldt-header,
.ldt-root[b-abufb1ck99]  .ldt-header-shell {
    transition: background-color var(--lap-motion-fast) ease;
}

.ldt-root.ldt-hover-none[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-none[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: transparent;
}

.ldt-root.ldt-hover-neutral[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-neutral[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-gray-50);
}

.ldt-root.ldt-hover-primary[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-primary[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-primary-50);
}

.ldt-root.ldt-hover-information[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-information[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-information-50);
}

.ldt-root.ldt-hover-success[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-success[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-success-50);
}

.ldt-root.ldt-hover-warning[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-warning[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-warning-50);
}

.ldt-root.ldt-hover-danger[b-abufb1ck99]  .ldt-header:hover,
.ldt-root.ldt-hover-danger[b-abufb1ck99]  .ldt-header-shell:hover {
    background-color: var(--lap-danger-50);
}

@media (prefers-reduced-motion: reduce) {
    .ldt-panel[b-abufb1ck99],
    .ldt-root[b-abufb1ck99]  .ldt-header,
    .ldt-root[b-abufb1ck99]  .ldt-header-shell {
        transition: none;
    }
}
/* /Components/Shared/LapEChart.razor.rz.scp.css */
.lec-root[b-m5ne0gi1hw] { min-width: 0; max-width: 100%; overflow-x: clip; }
.lec-chart[b-m5ne0gi1hw] { width: 100%; max-width: 100%; height: 340px; }
.lec-root.is-compact .lec-chart[b-m5ne0gi1hw] { height: 250px; }
.lec-state[b-m5ne0gi1hw] { display: grid; place-items: center; min-height: 260px; color: var(--lap-text-tertiary); background: var(--lap-gray-50); border-radius: var(--lap-radius-2); }
.lec-root.is-compact .lec-state[b-m5ne0gi1hw] { min-height: 220px; }
.lec-state.is-error[b-m5ne0gi1hw] { color: var(--lap-danger-600, #b42318); }
.lec-accessible-table[b-m5ne0gi1hw] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 767.98px) {
  .lec-chart[b-m5ne0gi1hw] { height: 300px; }
  .lec-root.is-compact .lec-chart[b-m5ne0gi1hw] { height: 280px; }
}
/* /Components/Shared/LapFileUpload.razor.rz.scp.css */
/* Components/Shared/LapFileUpload.razor
   prefix: lfu
*/

.lfu-root[b-4vp12ll9vv] {
	--lfu-border: var(--lap-gray-200);
	--lfu-border-focus: var(--lap-primary-400);
	--lfu-helper: var(--lap-text-tertiary);
	width: 100%;
}

.lfu-label[b-4vp12ll9vv] {
	margin-bottom: var(--lap-2);
	color: var(--lap-text-main);
	font-size: var(--lap-text-size3);
}

.lfu-box[b-4vp12ll9vv] {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 420px;
	min-height: var(--lap-12);
	display: flex;
	align-items: center;
	column-gap: var(--lap-3);
	padding: 0 var(--lap-4);
	border: 1px solid var(--lfu-border);
	border-radius: var(--lap-r-md);
	background: var(--lap-white);
	transition: border-color var(--lap-motion, 200ms), box-shadow var(--lap-motion, 200ms);
}

.lfu-root:not(.is-disabled) .lfu-box:focus-within[b-4vp12ll9vv] {
	border-color: var(--lfu-border-focus);
}

.lfu-button[b-4vp12ll9vv] {
	flex: 0 0 auto;
	height: var(--lap-8);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--lap-3);
	border: 1px solid var(--lap-gray-800);
	border-radius: var(--lap-r-md);
	background: transparent;
	color: var(--lap-gray-800);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-semibold);
	line-height: var(--lap-lh-normal);
	cursor: pointer;
}

.lfu-root:not(.is-disabled) .lfu-button:hover[b-4vp12ll9vv] {
	background: var(--lap-gray-100);
}

.lfu-empty[b-4vp12ll9vv] {
	min-height: var(--lap-8);
	display: flex;
	align-items: center;
	min-width: 0;
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size2);
}

[b-4vp12ll9vv] input.lfu-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.lfu-helper[b-4vp12ll9vv] {
	margin-top: var(--lap-2);
	color: var(--lfu-helper);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
}

.lfu-list[b-4vp12ll9vv] {
	width: 100%;
	max-width: 720px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: var(--lap-2);
	row-gap: var(--lap-2);
	margin-top: var(--lap-2);
}

.lfu-chip[b-4vp12ll9vv] {
	width: calc((100% - var(--lap-2) * 2) / 3);
	min-width: 160px;
	max-width: 220px;
	min-height: var(--lap-8);
	display: flex;
	align-items: center;
	column-gap: var(--lap-2);
	padding: 0 var(--lap-2);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-md);
	background: var(--lap-white);
	color: var(--lap-text-secondary);
}

.lfu-chip[b-4vp12ll9vv]::before {
	content: "";
	flex: 0 0 auto;
	width: var(--lap-5);
	height: var(--lap-5);
	background-color: var(--lap-primary-500);
	-webkit-mask: url('/images/lap-link.svg') no-repeat 50% 50% / contain;
	mask: url('/images/lap-link.svg') no-repeat 50% 50% / contain;
}

.lfu-chip-name[b-4vp12ll9vv] {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: var(--lap-text-size2);
}

.lfu-chip-size[b-4vp12ll9vv] {
	flex: 0 0 auto;
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
}

.lfu-remove[b-4vp12ll9vv] {
	flex: 0 0 auto;
	width: var(--lap-6);
	height: var(--lap-6);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: var(--lap-text-tertiary);
	cursor: pointer;
	padding: 0;
}

.lfu-remove:hover[b-4vp12ll9vv] {
	color: var(--lap-danger-500);
}

.lfu-root.is-error[b-4vp12ll9vv] {
	--lfu-border: var(--lap-danger-500);
	--lfu-border-focus: var(--lap-danger-500);
	--lfu-helper: var(--lap-danger-500);
}

.lfu-root.is-success[b-4vp12ll9vv] {
	--lfu-border: var(--lap-primary-400);
}

.lfu-root.is-uploading .lfu-box[b-4vp12ll9vv] {
	background: var(--lap-gray-50);
}

.lfu-root.is-disabled[b-4vp12ll9vv] {
	opacity: .65;
}

.lfu-root.is-disabled .lfu-button[b-4vp12ll9vv],
.lfu-root.is-disabled .lfu-remove[b-4vp12ll9vv] {
	cursor: not-allowed;
}

@media (max-width: 992px) {
	.lfu-box[b-4vp12ll9vv],
	.lfu-list[b-4vp12ll9vv] {
		max-width: 100%;
	}

	.lfu-empty[b-4vp12ll9vv] {
		flex: 1 1 auto;
	}

	.lfu-list[b-4vp12ll9vv] {
		flex-direction: column;
	}

	.lfu-chip[b-4vp12ll9vv] {
		width: 100%;
		max-width: 100%;
	}
}
/* /Components/Shared/LapFooter.razor.rz.scp.css */
/* Components/Shared/LapFooter.razor.css */

.lf-root[b-9hf4q173if] {
	flex: 0 0 auto;
	background: var(--lap-gray-200);
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
	width: 100%;
}

.lf-inner[b-9hf4q173if] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-10);
	padding: var(--lap-10) calc(var(--lap-10) * 2);
	width: 100%;
}

.lf-top[b-9hf4q173if] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: var(--lap-10);
	row-gap: var(--lap-6);
	flex-wrap: wrap;
	width: 100%;
}

.lf-nav[b-9hf4q173if] {
	display: flex;
	align-items: center;
	column-gap: var(--lap-10);
	flex: 1 1 auto;
	min-width: 0;
}

.lf-nav-link[b-9hf4q173if] {
	color: var(--lap-text-primary);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-normal);
	white-space: nowrap;
}

.lf-nav-button[b-9hf4q173if] {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family: inherit;
}

.lf-nav-link:hover[b-9hf4q173if],
.lf-nav-link:focus-visible[b-9hf4q173if] {
	color: var(--lap-primary-600);
	text-decoration: none;
}

.lf-brand[b-9hf4q173if] {
	display: flex;
	align-items: center;
	column-gap: var(--lap-4);
	flex: 0 0 auto;
	margin-left: auto;
}

.lf-logo[b-9hf4q173if] {
	display: block;
	width: calc(var(--lap-10) * 6);
	max-width: none;
	height: auto;
	flex: 0 0 auto;
}

.lf-copy[b-9hf4q173if] {
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	white-space: nowrap;
}

.lf-company[b-9hf4q173if] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	justify-content: space-between;
	column-gap: var(--lap-10);
	width: 100%;
}

.lf-info[b-9hf4q173if] {
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
	min-width: 0;
}

.lf-info p[b-9hf4q173if] {
	line-height: var(--lap-lh-normal);
}

.lf-info a[b-9hf4q173if] {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: var(--lap-1);
}

.lf-info a:hover[b-9hf4q173if],
.lf-info a:focus-visible[b-9hf4q173if] {
	color: var(--lap-primary-600);
}

.lf-partners[b-9hf4q173if] {
	display: flex;
	flex-direction: column;
	row-gap: 0;
	text-align: left;
}

.lf-partner-tel[b-9hf4q173if] {
	display: inline-block;
	padding-left: var(--lap-8);
}

/* ������� ��: ��ư ��(FAQ / ������ �亯 / ���� ��ȣ �ȳ�) + �Ʒ� ����ó �ؽ�Ʈ */
.lf-support[b-9hf4q173if] {
	display: flex;
	flex-direction: column;
	row-gap: var(--lap-4);
	align-items: flex-start;
}

.lf-support-buttons[b-9hf4q173if] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: var(--lap-3);
	row-gap: var(--lap-2);
	margin-bottom: var(--lap-4);
}

/* lf-cs-btn �� LapButton(Class="lf-cs-btn")�� �������� ����̹Ƿ� ::deep + .lb-root ��������
   LapButton ��ü ���̽� Ŭ����(.lb-c-weak-line)���� ��õ��� Ȯ���� ��� �����. */
[b-9hf4q173if] .lb-root.lf-cs-btn {
	height: calc(var(--lap-1) * 7); /* 28px */
	padding: 0 var(--lap-4);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-sm);
	background: var(--lap-white);
	color: var(--lap-text-tertiary);
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-medium);
	line-height: var(--lap-lh-normal);
	white-space: nowrap;
}

[b-9hf4q173if] .lb-root.lf-cs-btn:hover,
[b-9hf4q173if] .lb-root.lf-cs-btn:focus-visible {
	background: var(--lap-gray-100);
	border-color: var(--lap-gray-200);
	color: var(--lap-primary-600);
}

/* ���� ��ȣ �ȳ� ��ư + ȣ���� �ߴ� ��ǳ�� */
.lf-cs-btn-wrap[b-9hf4q173if] {
	position: relative;
	display: inline-flex;
}

.lf-tooltip[b-9hf4q173if] {
	position: absolute;
	bottom: calc(100% + var(--lap-2));
	left: 50%;
	z-index: 10;
	width: max-content;
	max-width: calc(var(--lap-1) * 70); /* 280px */
	padding: var(--lap-3) var(--lap-4);
	border-radius: var(--lap-r-md);
	background: var(--lap-white);
	box-shadow: var(--lap-shadow-2);
	color: var(--lap-text-secondary);
	font-size: var(--lap-text-size1);
	line-height: var(--lap-lh-normal);
	text-align: left;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, var(--lap-1));
	transition: opacity var(--lap-motion-fast) ease, transform var(--lap-motion-fast) ease, visibility var(--lap-motion-fast) ease;
	pointer-events: none;
}

/* ��ǳ�� ����: ��ư ���(���� ���)�� ����Ű���� ��ġ */
.lf-tooltip[b-9hf4q173if]::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: var(--lap-3);
	height: var(--lap-3);
	background: var(--lap-white);
	transform: translate(-50%, -50%) rotate(45deg);
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.04);
}

.lf-cs-btn-wrap:hover .lf-tooltip[b-9hf4q173if],
.lf-cs-btn-wrap:focus-within .lf-tooltip[b-9hf4q173if] {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

@media (max-width: 991.98px) {
	.lf-inner[b-9hf4q173if] {
		padding-right: var(--lap-10);
		padding-left: var(--lap-10);
	}

	.lf-top[b-9hf4q173if] {
		align-items: flex-start;
		flex-direction: column;
		row-gap: var(--lap-10);
	}

	.lf-brand[b-9hf4q173if] {
		margin-left: 0;
		order: 2;
	}

	.lf-company[b-9hf4q173if] {
		grid-template-columns: 1fr;
		row-gap: var(--lap-10);
	}

	.lf-partner-tel[b-9hf4q173if] {
		padding-left: var(--lap-8);
	}
}

@media (max-width: 767.98px) {
	.lf-inner[b-9hf4q173if] {
		padding: var(--lap-10);
	}

	.lf-top[b-9hf4q173if] {
		display: contents;
	}

	.lf-nav[b-9hf4q173if] {
		justify-content: space-between;
		column-gap: var(--lap-3);
		order: 1;
		width: 100%;
	}

	.lf-nav-link[b-9hf4q173if] {
		font-size: var(--lap-text-size2);
		text-align: center;
	}

	.lf-company[b-9hf4q173if] {
		order: 2;
	}

	.lf-brand[b-9hf4q173if] {
		align-items: center;
		column-gap: var(--lap-4);
		order: 3;
		width: 100%;
	}

	.lf-logo[b-9hf4q173if] {
		width: calc(var(--lap-10) * 6);
		max-width: 58vw;
	}
}

@media (max-width: 575.98px) {
	.lf-nav[b-9hf4q173if] {
		align-items: flex-start;
		column-gap: var(--lap-2);
	}

	.lf-nav-link[b-9hf4q173if] {
		font-size: var(--lap-text-size1);
		white-space: normal;
		word-break: keep-all;
	}

	.lf-brand[b-9hf4q173if] {
		flex-wrap: wrap;
	}

	.lf-support-buttons[b-9hf4q173if] {
		flex-direction: column;
		align-items: stretch;
		row-gap: var(--lap-2);
		column-gap: 0;
	}

	.lf-cs-btn-wrap[b-9hf4q173if] {
		display: block;
		width: 100%;
	}

	[b-9hf4q173if] .lb-root.lf-cs-btn {
		width: 100%;
	}
}
/* /Components/Shared/LapGoTopButton.razor.rz.scp.css */
/* Components/Shared/LapGoTopButton.razor.css */

.lgt-root[b-8xf06dfwzq] {
  --lgt-shadow-default: 0 5px 12.5px -1px rgba(60, 63, 66, 0.1);
  --lgt-shadow-strong: 0 5px 12.5px -1px rgba(60, 63, 66, 0.23);
  --lgt-scale-hover: 1.06;

  position: fixed;
  right: var(--lap-10);
  bottom: var(--lap-10);
  z-index: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--lap-12);
  height: var(--lap-12);
  padding: 0;
  border: 0;
  border-radius: var(--lap-r-max);
  background: transparent;
  color: var(--lap-icon-main-black);
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--lap-3)) scale(1);
  transform-origin: center;
  transition:
    opacity 220ms ease,
    transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease,
    box-shadow 220ms ease;
}

.lgt-root[b-8xf06dfwzq]::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  box-sizing: border-box;
  border: 2px solid var(--lap-gray-200);
  border-radius: inherit;
  background: var(--lap-white);
  box-shadow: var(--lgt-shadow-default);
  content: "";
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.lgt-root.is-visible[b-8xf06dfwzq] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.lgt-root:hover[b-8xf06dfwzq],
.lgt-root.is-force-hover[b-8xf06dfwzq] {
  color: var(--lap-icon-main-black);
  transform: translateY(0) scale(1);
}

.lgt-root:hover[b-8xf06dfwzq]::before,
.lgt-root.is-force-hover[b-8xf06dfwzq]::before {
  border-color: var(--lap-gray-300);
  background: var(--lap-gray-200);
  box-shadow: var(--lgt-shadow-strong);
  transform: scale(var(--lgt-scale-hover));
}

.lgt-root:focus[b-8xf06dfwzq] {
  outline: none;
}

.lgt-root:focus-visible[b-8xf06dfwzq],
.lgt-root:active[b-8xf06dfwzq],
.lgt-root.is-clicking[b-8xf06dfwzq],
.lgt-root.is-force-focus[b-8xf06dfwzq] {
  color: var(--lap-icon-main-white);
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.lgt-root:focus-visible[b-8xf06dfwzq]::before,
.lgt-root:active[b-8xf06dfwzq]::before,
.lgt-root.is-clicking[b-8xf06dfwzq]::before,
.lgt-root.is-force-focus[b-8xf06dfwzq]::before {
  border-color: var(--lap-color-primary);
  background: var(--lap-color-primary);
  box-shadow: var(--lgt-shadow-strong);
}

.lgt-icon[b-8xf06dfwzq] {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}

.lgt-root.lgt-inline[b-8xf06dfwzq] {
  position: static;
}

@media (max-width: 767.98px) {
  .lgt-root[b-8xf06dfwzq] {
    right: var(--lap-6);
    bottom: var(--lap-6);
  }
}
/* /Components/Shared/LapHeroCarousel.razor.rz.scp.css */
.lhc-root[b-5svlvxtufq] {
  --lhc-height: 375px;
  --lhc-slide-width: 74vw;
  --lhc-track-gap: var(--lap-5);
  --lhc-control-inset: var(--lap-6);
  width: 100%;
  position: relative;
}

.lhc-carousel[b-5svlvxtufq] {
  position: relative;
  width: 100%;
  height: var(--lhc-height);
  overflow: hidden;
  padding: var(--lap-4) 0;
  box-sizing: border-box;
  border-radius: var(--lap-r-lg);
  background: var(--lap-surface-0);
  opacity: 0;
  transition: opacity var(--lap-motion) ease;
}

.lhc-carousel.is-initialized[b-5svlvxtufq] { opacity: 1; }

.lhc-viewport[b-5svlvxtufq],
.lhc-track[b-5svlvxtufq],
.lhc-slide[b-5svlvxtufq] { height: 100%; }

.lhc-viewport[b-5svlvxtufq] {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
}

.lhc-viewport.is-dragging[b-5svlvxtufq] { cursor: grabbing; }

.lhc-track[b-5svlvxtufq] {
  display: flex;
  align-items: center;
  gap: var(--lhc-track-gap);
  will-change: transform;
  transition: transform 650ms ease;
}

.lhc-track.is-no-transition[b-5svlvxtufq] { transition: none; }

.lhc-slide[b-5svlvxtufq] {
  flex: 0 0 var(--lhc-slide-width);
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--lap-r-lg);
  background: var(--lap-gray-100);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
}

.lhc-slide picture[b-5svlvxtufq],
.lhc-slide img[b-5svlvxtufq] {
  display: block;
  width: 100%;
  height: 100%;
}

.lhc-slide img[b-5svlvxtufq] {
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}

.lhc-controls[b-5svlvxtufq] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--lap-3);
  width: 100%;
  padding: var(--lap-2) var(--lhc-control-inset) 0;
  box-sizing: border-box;
}

.lhc-indicator[b-5svlvxtufq] {
  position: relative;
  flex: 1 1 auto;
  height: 4px;
  margin-right: var(--lap-4);
  overflow: hidden;
  border-radius: 999px;
  background: var(--lap-gray-200);
}

.lhc-indicator-bar[b-5svlvxtufq] {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  border-radius: inherit;
  background: var(--lap-primary-200);
  transition: transform 350ms ease, width 350ms ease;
}

.lhc-arrow[b-5svlvxtufq],
.lhc-control-button[b-5svlvxtufq] {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--lap-gray-200);
  border-radius: 50%;
  background: var(--lap-white);
  color: var(--lap-gray-500);
  box-shadow: var(--lap-shadow-1);
  cursor: pointer;
  transition:
    color var(--lap-motion-fast) ease,
    background-color var(--lap-motion-fast) ease,
    border-color var(--lap-motion-fast) ease,
    box-shadow var(--lap-motion-fast) ease,
    transform var(--lap-motion-fast) ease;
}

.lhc-control-button[b-5svlvxtufq] {
  border-color: var(--lap-gray-200);
  color: var(--lap-gray-600);
}

.lhc-arrow:hover[b-5svlvxtufq],
.lhc-control-button:hover[b-5svlvxtufq] {
  border-color: var(--lap-gray-300);
  background: var(--lap-gray-100);
  color: var(--lap-gray-800);
  box-shadow: var(--lap-shadow-1);
}

.lhc-arrow:active[b-5svlvxtufq],
.lhc-control-button:active[b-5svlvxtufq] {
  background: var(--lap-gray-200);
  box-shadow: var(--lap-shadow-1);
  transform: translateY(0) scale(.96);
}

.lhc-arrow[b-5svlvxtufq] {
  font: inherit;
  font-size: var(--lap-text-size3);
  line-height: 1;
}

.lhc-control[b-5svlvxtufq] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--lap-2);
}

.lhc-count[b-5svlvxtufq] {
  min-width: 38px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--lap-text-tertiary);
  font-size: var(--lap-text-size1);
  box-shadow: none;
}

.lhc-current[b-5svlvxtufq] {
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
}

.lhc-control-button[b-5svlvxtufq] { display: none; }
.lhc-control-button.is-active[b-5svlvxtufq] { display: inline-flex; }

.lhc-play-icon[b-5svlvxtufq] {
  width: 0;
  height: 0;
  margin-left: 1px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid currentColor;
}

.lhc-pause-icon[b-5svlvxtufq] {
  width: 7px;
  height: 9px;
  border-left: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.lhc-arrow:focus-visible[b-5svlvxtufq],
.lhc-control-button:focus-visible[b-5svlvxtufq] {
  outline: 2px solid var(--lap-color-primary);
  outline-offset: 3px;
}

@media (max-width: 66.875em) {
  .lhc-root[b-5svlvxtufq] {
    --lhc-slide-width: 82vw;
    --lhc-track-gap: var(--lap-3);
  }

  .lhc-carousel[b-5svlvxtufq] { padding: var(--lap-3) 0; }
  .lhc-arrow[b-5svlvxtufq], .lhc-control-button[b-5svlvxtufq] { width: 24px; height: 24px; }
  .lhc-count[b-5svlvxtufq] { min-width: 36px; }
}

@media (max-width: 767.98px) {
  .lhc-root[b-5svlvxtufq] { --lhc-control-inset: var(--lap-4); }
}

@media (max-width: 39.99875em) {
  .lhc-root[b-5svlvxtufq] {
    --lhc-slide-width: 80vw;
    --lhc-track-gap: 10px;
  }

  .lhc-carousel[b-5svlvxtufq] { padding: 10px 0; }
  .lhc-arrow[b-5svlvxtufq] { display: none; }
  .lhc-indicator[b-5svlvxtufq] { margin-right: var(--lap-2); }
}

@media (prefers-reduced-motion: reduce) {
  .lhc-carousel[b-5svlvxtufq],
  .lhc-track[b-5svlvxtufq],
  .lhc-indicator-bar[b-5svlvxtufq] { transition-duration: 1ms; }
}
/* /Components/Shared/LapImageGallery.razor.rz.scp.css */
.lig-root[b-7wjoj7jg42]{--lig-rail-size:calc(var(--lap-1) * 20);--lig-thumb-size:calc(var(--lap-1) * 18);--lig-stage-size:calc(var(--lap-1) * 117);container-type:inline-size;width:100%;min-width:0}
.lig-layout[b-7wjoj7jg42]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lap-4);align-items:stretch}.lig-layout.has-rail.is-side[b-7wjoj7jg42]{grid-template-columns:var(--lig-rail-size) minmax(0,1fr)}
.lig-rail[b-7wjoj7jg42]{display:flex;gap:var(--lap-2);padding:var(--lap-1)}.lig-layout.is-side .lig-rail[b-7wjoj7jg42]{flex-direction:column;height:var(--lig-stage-size);overflow-x:hidden;overflow-y:auto}.lig-layout.is-bottom .lig-rail[b-7wjoj7jg42]{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}
.lig-thumb[b-7wjoj7jg42],.lig-modal-thumb[b-7wjoj7jg42]{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-md);background:var(--lap-white);transition:border-color var(--lap-motion-fast,160ms) ease,box-shadow var(--lap-motion-fast,160ms) ease}.lig-thumb[b-7wjoj7jg42]{width:var(--lig-thumb-size);height:var(--lig-thumb-size)}
.lig-thumb:hover[b-7wjoj7jg42],.lig-thumb:focus-visible[b-7wjoj7jg42],.lig-modal-thumb:hover[b-7wjoj7jg42],.lig-modal-thumb:focus-visible[b-7wjoj7jg42]{border-color:var(--lap-primary-300)}.lig-thumb:focus-visible[b-7wjoj7jg42],.lig-modal-thumb:focus-visible[b-7wjoj7jg42]{outline:2px solid var(--lap-color-primary);outline-offset:var(--lap-1)}.lig-thumb.is-active[b-7wjoj7jg42],.lig-modal-thumb.is-active[b-7wjoj7jg42]{border-color:var(--lap-color-primary);box-shadow:inset 0 0 0 1px var(--lap-color-primary)}
.lig-more[b-7wjoj7jg42]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.62);color:var(--lap-white);font-size:var(--lap-text-size4);font-weight:var(--lap-fw-bold)}
.lig-main[b-7wjoj7jg42]{min-width:0}.lig-main-image[b-7wjoj7jg42]{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--lig-stage-size);min-height:var(--lig-stage-size);padding:var(--lap-4);overflow:hidden;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-xl);background:var(--lap-white)}button.lig-main-image[b-7wjoj7jg42]{cursor:zoom-in}
.lig-layout.is-bottom[b-7wjoj7jg42]{grid-template-areas:"main" "rail"}.lig-layout.is-bottom .lig-main[b-7wjoj7jg42]{grid-area:main}.lig-layout.is-bottom>.lig-rail[b-7wjoj7jg42]{grid-area:rail}.lig-layout.is-bottom .lig-main-image[b-7wjoj7jg42]{height:auto;min-height:0;aspect-ratio:1}
.lig-layout.is-carousel[b-7wjoj7jg42]{gap:16px}.lig-carousel[b-7wjoj7jg42]{position:relative;grid-area:rail;min-width:0;container-type:inline-size}.lig-layout.is-carousel .lig-carousel-viewport[b-7wjoj7jg42]{display:block;width:100%;padding:0;overflow:hidden;touch-action:pan-y}.lig-carousel-track[b-7wjoj7jg42]{display:flex;width:100%;gap:12px;will-change:transform}.lig-layout.is-carousel .lig-thumb[b-7wjoj7jg42]{flex:0 0 calc((100% - 48px)/5);width:auto;height:auto;aspect-ratio:1}.lig-layout.is-carousel .lig-main-image[b-7wjoj7jg42]{cursor:grab;touch-action:pan-y;user-select:none}.lig-layout.is-carousel .lig-main-image:active[b-7wjoj7jg42]{cursor:grabbing}
.lig-main-fade[b-7wjoj7jg42]{position:relative;width:100%;height:100%}.lig-main-layer[b-7wjoj7jg42]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.lig-main-layer.is-outgoing[b-7wjoj7jg42]{z-index:1;animation:lig-main-fade-out-b-7wjoj7jg42 300ms ease both}.lig-main-layer.is-incoming[b-7wjoj7jg42]{z-index:2;animation:lig-main-fade-in-b-7wjoj7jg42 300ms ease both}
.lig-carousel-nav[b-7wjoj7jg42]{position:absolute;z-index:2;top:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--lap-gray-200);border-radius:var(--lap-r-max);background:rgba(255,255,255,.92);color:var(--lap-text-main);box-shadow:var(--lap-shadow-1);transform:translateY(-50%)}.lig-carousel-nav:hover[b-7wjoj7jg42],.lig-carousel-nav:focus-visible[b-7wjoj7jg42]{border-color:var(--lap-primary-300);color:var(--lap-color-primary)}.lig-carousel-nav:focus-visible[b-7wjoj7jg42]{outline:2px solid var(--lap-color-primary);outline-offset:2px}.lig-carousel-nav.is-prev[b-7wjoj7jg42]{left:8px}.lig-carousel-nav.is-next[b-7wjoj7jg42]{right:8px}
@keyframes lig-main-fade-out-b-7wjoj7jg42{from{opacity:1}to{opacity:0}}@keyframes lig-main-fade-in-b-7wjoj7jg42{from{opacity:0}to{opacity:1}}
.lig-zoom[b-7wjoj7jg42]{position:absolute;right:var(--lap-4);bottom:var(--lap-4);display:inline-flex;align-items:center;gap:var(--lap-2);padding:var(--lap-2) var(--lap-3);border-radius:var(--lap-r-max);background:rgba(15,23,42,.78);color:var(--lap-white);font-size:var(--lap-text-size2);font-weight:var(--lap-fw-semibold);opacity:0;transform:translateY(var(--lap-1));transition:opacity var(--lap-motion-fast,160ms) ease,transform var(--lap-motion-fast,160ms) ease}.lig-main-image:hover .lig-zoom[b-7wjoj7jg42],.lig-main-image:focus-visible .lig-zoom[b-7wjoj7jg42]{opacity:1;transform:translateY(0)}.lig-main-image:focus-visible[b-7wjoj7jg42]{outline:2px solid var(--lap-color-primary);outline-offset:var(--lap-1)}
.lig-empty[b-7wjoj7jg42]{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--lap-1) * 16);padding:var(--lap-4);color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);text-align:center}
.lig-modal[b-7wjoj7jg42]{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--lap-1) * 24);grid-template-areas:"stage thumbs" "meta thumbs";gap:var(--lap-4);min-height:0;outline:none}.lig-modal-stage[b-7wjoj7jg42]{position:relative;grid-area:stage;display:flex;align-items:center;justify-content:center;min-height:min(calc(100vh - (var(--lap-1) * 72)),calc(var(--lap-1) * 150));overflow:hidden;border-radius:var(--lap-r-xl);background:var(--lap-gray-950,#0f172a)}
.lig-nav[b-7wjoj7jg42]{position:absolute;z-index:2;top:50%;display:inline-flex;align-items:center;justify-content:center;width:var(--lap-12);height:var(--lap-12);border-radius:var(--lap-r-max);background:rgba(255,255,255,.9);color:var(--lap-text-main);box-shadow:var(--lap-shadow-2);transform:translateY(-50%)}.lig-nav:hover[b-7wjoj7jg42],.lig-nav:focus-visible[b-7wjoj7jg42]{background:var(--lap-white);color:var(--lap-color-primary)}.lig-nav:focus-visible[b-7wjoj7jg42]{outline:2px solid var(--lap-color-primary);outline-offset:var(--lap-1)}.lig-nav.is-prev[b-7wjoj7jg42]{left:var(--lap-4)}.lig-nav.is-next[b-7wjoj7jg42]{right:var(--lap-4)}
.lig-modal-meta[b-7wjoj7jg42]{grid-area:meta;display:flex;align-items:center;justify-content:space-between;gap:var(--lap-4);color:var(--lap-text-secondary)}.lig-modal-meta strong[b-7wjoj7jg42]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lig-modal-meta span[b-7wjoj7jg42]{flex:0 0 auto;color:var(--lap-text-tertiary);font-variant-numeric:tabular-nums}.lig-modal-thumbs[b-7wjoj7jg42]{grid-area:thumbs;display:flex;flex-direction:column;gap:var(--lap-2);max-height:min(calc(100vh - (var(--lap-1) * 56)),calc(var(--lap-1) * 166));overflow-y:auto;padding:var(--lap-1)}.lig-modal-thumb[b-7wjoj7jg42]{width:calc(var(--lap-1) * 20);height:calc(var(--lap-1) * 20)}
@media(min-width:992px){.lig-layout.is-side[b-7wjoj7jg42]{--lig-stage-size:clamp(calc(var(--lap-1) * 116),62cqi,calc(var(--lap-1) * 132));--lig-rail-size:clamp(calc(var(--lap-1) * 20),11cqi,calc(var(--lap-1) * 22));--lig-thumb-size:clamp(calc(var(--lap-1) * 16),9cqi,calc(var(--lap-1) * 18))}.lig-layout.is-side .lig-rail[b-7wjoj7jg42]{gap:var(--lap-1);overflow-y:hidden}}
@media(max-width:991.98px){.lig-layout.has-rail.is-side[b-7wjoj7jg42]{grid-template-columns:1fr}.lig-layout.is-side .lig-rail[b-7wjoj7jg42]{order:2;flex-direction:row;width:100%;height:auto;overflow-x:auto;overflow-y:hidden}.lig-layout.is-side .lig-main-image[b-7wjoj7jg42]{height:calc(var(--lap-1) * 92);min-height:calc(var(--lap-1) * 92)}.lig-modal[b-7wjoj7jg42]{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "meta" "thumbs"}.lig-modal-stage[b-7wjoj7jg42]{min-height:min(60vh,calc(var(--lap-1) * 120))}.lig-modal-thumbs[b-7wjoj7jg42]{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}}
@media(max-width:575.98px){.lig-thumb[b-7wjoj7jg42]{width:calc(var(--lap-1) * 16);height:calc(var(--lap-1) * 16)}.lig-layout.is-carousel[b-7wjoj7jg42]{gap:12px}.lig-carousel-track[b-7wjoj7jg42]{gap:8px}.lig-layout.is-carousel .lig-thumb[b-7wjoj7jg42]{flex-basis:calc((100% - 32px)/5);width:auto;height:auto}.lig-carousel-nav[b-7wjoj7jg42]{width:32px;height:32px}.lig-carousel-nav.is-prev[b-7wjoj7jg42]{left:4px}.lig-carousel-nav.is-next[b-7wjoj7jg42]{right:4px}.lig-layout.is-side .lig-main-image[b-7wjoj7jg42]{height:calc(var(--lap-1) * 72);min-height:calc(var(--lap-1) * 72)}.lig-zoom[b-7wjoj7jg42]{opacity:1;transform:none}.lig-modal-stage[b-7wjoj7jg42]{min-height:50vh}.lig-nav[b-7wjoj7jg42]{width:var(--lap-10);height:var(--lap-10)}.lig-nav.is-prev[b-7wjoj7jg42]{left:var(--lap-2)}.lig-nav.is-next[b-7wjoj7jg42]{right:var(--lap-2)}.lig-modal-thumb[b-7wjoj7jg42]{width:calc(var(--lap-1) * 16);height:calc(var(--lap-1) * 16)}}
@media(prefers-reduced-motion:reduce){.lig-main-layer.is-outgoing[b-7wjoj7jg42],.lig-main-layer.is-incoming[b-7wjoj7jg42]{animation:none}}
/* /Components/Shared/LapImageGalleryImage.razor.rz.scp.css */
.ligi-root[b-0usq38z627]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--lap-white);background-position:center;background-repeat:no-repeat;background-size:contain}
.ligi-root img[b-0usq38z627]{display:block;max-width:100%;object-fit:contain}
.ligi-root.is-composite img[b-0usq38z627]{mix-blend-mode:multiply}
.ligi-root.is-thumbnail img[b-0usq38z627]{width:100%;height:100%}
.ligi-root.is-main img[b-0usq38z627]{width:auto;height:auto;max-width:100%;max-height:100%}
.ligi-root.is-modal[b-0usq38z627]{min-height:inherit;background-color:transparent}
.ligi-root.is-modal img[b-0usq38z627]{max-height:min(calc(100vh - (var(--lap-1) * 80)),calc(var(--lap-1) * 142))}
.ligi-error[b-0usq38z627]{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--lap-16,64px);padding:var(--lap-4);color:var(--lap-text-tertiary);font-size:var(--lap-text-size2);text-align:center}
/* /Components/Shared/LapInput.razor.rz.scp.css */
/* =========================================================
   LapInput Component Styles
   File: Components/Shared/LapInput.razor.css

   스펙 요약
   1) Height: 48px / 36px
   2) Shape:
      - Rounded 4px
      - Pill 100px (--lap-r-max)
      - Underline (라운드 없음, bottom border만)
   3) Padding X (아이콘 없을 때 기준)
      - Rounded(4px), Underline:
        - H48: 16px
        - H36: 12px
      - Pill(100px):
        - H48/H36: 20px
   4) Left/Right icon 있을 때:
      - 아이콘(20px)과 텍스트 시작 사이 간격: 8px
      - 즉, padding = basePadX + icon(20) + gap(8)
   ========================================================= */


/* =========================================================
   0) Root
   - label / box / helper 를 세로로 쌓는 컨테이너
   ========================================================= */

.li-root[b-8336c4hajn] {
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	min-width: 0;
	/* 내부 계산용 기본 변수 (클래스로 덮어씀) */
	--li-h: var(--lap-12); /* 기본 48px */
	--li-pad-x: var(--lap-4); /* 기본 16px */
	--li-radius: var(--lap-r-sm); /* 기본 4px */
	--li-bg: var(--lap-white);
	--li-border: 1px solid var(--lap-gray-200);
	--li-border-focus: var(--lap-primary-400);
	--li-focus-ring: var(--lap-primary-100); /* (선택) 향후 ring 복원 대비 */
	--li-clear-size: 20px;
	--li-clear-icon-size: 8px;
	--li-clear-line: 1.5px;
}


/* =========================================================
   1) Label
   ========================================================= */

.li-label[b-8336c4hajn] {
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-medium);
	color: var(--lap-text-main);
}


/* =========================================================
   2) Box Frame
   - 실제 input과 아이콘을 감싸는 프레임
   ========================================================= */

.li-box[b-8336c4hajn] {
	position: relative; /* 아이콘 absolute 기준 */
	display: flex;
	align-items: center;
	min-width: 0;
	height: var(--li-h);
	background: var(--li-bg);
	border: var(--li-border);
	border-radius: var(--li-radius);
	transition: border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease;
	/* 박스 영역 클릭 시 입력을 유도 */
	cursor: text;
}

	/* 내부 input 포커스 시 프레임 강조 */
	.li-box:focus-within[b-8336c4hajn] {
		border-color: var(--li-border-focus);
		/* 🔎 현재 프로젝트는 ring을 최소화한 상태이므로 box-shadow는 넣지 않음
     필요해지면 아래 한 줄을 복구하면 됨.
     box-shadow: 0 0 0 var(--lap-1) color-mix(in srgb, var(--li-focus-ring) 90%, transparent);
  */
	}


/* =========================================================
   3) Icons
   - icon은 20px (lap-icon-20)
   - 클릭을 가로채지 않도록 pointer-events: none
   - 위치는 "base padding X"를 기준으로 배치
   ========================================================= */

.li-ico[b-8336c4hajn] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: var(--lap-icon-tertiary);
	pointer-events: none;
}

.li-ico-left[b-8336c4hajn] {
	left: var(--li-pad-x);
}

.li-ico-right[b-8336c4hajn] {
	right: var(--li-pad-x);
}

.li-root.li-has-clear.li-has-right .li-ico-right[b-8336c4hajn] {
	right: var(--li-pad-x);
}

.li-clear-button[b-8336c4hajn] {
	position: absolute;
	top: 50%;
	right: var(--li-pad-x);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--li-clear-size);
	height: var(--li-clear-size);
	padding: 0;
	border: 0;
	border-radius: var(--lap-r-max);
	background: var(--lap-gray-300);
	color: var(--lap-white);
	transform: translateY(-50%);
	cursor: pointer;
}

.li-root.li-has-clear.li-has-right .li-clear-button[b-8336c4hajn] {
	right: calc(var(--li-pad-x) + var(--lap-5) + var(--lap-2));
}

.li-clear-button:hover[b-8336c4hajn] {
	background: var(--lap-gray-400);
	color: var(--lap-white);
}

.li-clear-button:focus-visible[b-8336c4hajn] {
	outline: 2px solid var(--li-border-focus);
	outline-offset: 1px;
}

.li-clear-icon[b-8336c4hajn] {
	position: relative;
	display: inline-block;
	width: var(--li-clear-icon-size);
	height: var(--li-clear-icon-size);
}

.li-clear-icon[b-8336c4hajn]::before,
.li-clear-icon[b-8336c4hajn]::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--li-clear-icon-size);
	height: var(--li-clear-line);
	border-radius: var(--lap-r-max);
	background: currentColor;
	transform-origin: center;
}

.li-clear-icon[b-8336c4hajn]::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.li-clear-icon[b-8336c4hajn]::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}


/* =========================================================
   4) Input
   - input 자체는 테두리/배경 없음
   - 외형은 li-box가 담당
   ========================================================= */

.li-input[b-8336c4hajn] {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	font-size: var(--lap-text-size2);
	color: var(--lap-text-main);
}

	.li-input[b-8336c4hajn]::placeholder {
		color: var(--lap-text-disabled);
	}


/* =========================================================
   5) Padding 계산
   - 기본: 좌우 padding = basePadX
   - 아이콘 있을 때:
     padding = basePadX + icon(20px) + gap(8px)
   ========================================================= */

/* 아이콘이 없을 때 기본 패딩 */
.li-root .li-input[b-8336c4hajn] {
	padding-left: var(--li-pad-x);
	padding-right: var(--li-pad-x);
}

/* 왼쪽 아이콘이 있으면 텍스트 시작점을 아이콘+간격 만큼 밀기 */
.li-root.li-has-left .li-input[b-8336c4hajn] {
	padding-left: calc(var(--li-pad-x) + var(--lap-5) + var(--lap-2)); /* 20 + 8 */
}

/* 오른쪽 아이콘이 있으면 우측도 동일 로직 */
.li-root.li-has-right .li-input[b-8336c4hajn] {
	padding-right: calc(var(--li-pad-x) + var(--lap-5) + var(--lap-2)); /* 20 + 8 */
}

/* 지우기 버튼만 있으면 버튼 터치 영역만큼 우측 여백을 확보 */
.li-root.li-has-clear.li-no-right .li-input[b-8336c4hajn] {
	padding-right: calc(var(--li-pad-x) + var(--li-clear-size) + var(--lap-2));
}

/* 오른쪽 아이콘과 지우기 버튼을 함께 쓰면 두 요소와 간격을 모두 확보 */
.li-root.li-has-clear.li-has-right .li-input[b-8336c4hajn] {
	padding-right: calc(var(--li-pad-x) + var(--lap-5) + var(--lap-2) + var(--li-clear-size) + var(--lap-2));
}


/* =========================================================
   6) Height & Width Variants
   - 높이, 너비 결정
   ========================================================= */

/* Height */
.li-h48[b-8336c4hajn] {
	--li-h: var(--lap-12); /* 48px */
	--li-clear-size: 20px;
	--li-clear-icon-size: 8px;
	--li-clear-line: 1.5px;
}

.li-h36[b-8336c4hajn] {
	--li-h: var(--lap-9); /* 36px */
	--li-clear-size: 16px;
	--li-clear-icon-size: 7px;
	--li-clear-line: 1.25px;
}

/* Width
   ✅ Width 클래스는 "li-root"에 붙는다 (레이아웃 전용)
   ✅ px 고정이 필요한 경우: width + flex-basis를 같이 고정한다
*/

/* HeaderSearch: 딱 240px 고정 */
.li-w-header-search[b-8336c4hajn] {
	width: 240px;
	flex: 0 0 240px; /* flex 환경에서도 정확히 240 유지 */
	min-width: 0;
}

/* 가로 100% */
.li-w-full[b-8336c4hajn] {
	width: 100%;
	flex: 1 1 auto;
	min-width: 0;
}

/* 가로 50% */
.li-w-half[b-8336c4hajn] {
	width: 50%;
	flex: 0 0 50%;
	min-width: 0;
}


/* =========================================================
   7) Shape Variants
   - Rounded 4px / Pill 100px / Underline
   - Shape에 따라 radius 및 기본 pad-x 규칙이 달라짐
   ========================================================= */

/* 7-1) Rounded 4px */
.li-shape-r4[b-8336c4hajn] {
	--li-radius: var(--lap-r-sm); /* 4px */
}

/* 7-2) Pill 100px */
.li-shape-rmax[b-8336c4hajn] {
	--li-radius: var(--lap-r-max); /* 100px */
}

/* 7-3) Underline (라운드 없음, bottom border만) */
.li-shape-underline[b-8336c4hajn] {
	--li-radius: 0;
	--li-border: 0;
	--li-bg: transparent;
}

	/* underline은 bottom border만 */
	.li-shape-underline .li-box[b-8336c4hajn] {
		border-bottom: 1px solid var(--lap-gray-200);
	}

		/* underline 포커스 시 bottom 컬러 강조 */
		.li-shape-underline .li-box:focus-within[b-8336c4hajn] {
			border-bottom-color: var(--li-border-focus);
		}


/* =========================================================
   8) Padding X Rules (shape + height 조합)
   - Rounded(4px), Underline:
     - H48: 16px
     - H36: 12px
   - Pill(100px):
     - H48/H36: 20px
   ========================================================= */

/* Rounded/Underline: H48 */
.li-h48.li-shape-r4[b-8336c4hajn],
.li-h48.li-shape-underline[b-8336c4hajn] {
	--li-pad-x: var(--lap-4); /* 16px */
}

/* Rounded/Underline: H36 */
.li-h36.li-shape-r4[b-8336c4hajn],
.li-h36.li-shape-underline[b-8336c4hajn] {
	--li-pad-x: var(--lap-3); /* 12px */
}

/* Pill: H48/H36 모두 20px */
.li-shape-rmax[b-8336c4hajn] {
	--li-pad-x: var(--lap-5); /* 20px */
}


/* =========================================================
   9) Helper
   ========================================================= */

.li-helper[b-8336c4hajn] {
	font-size: var(--lap-text-size1);
	color: var(--lap-text-tertiary);
}


/* =========================================================
   10) States
   - Disabled가 가장 우선적으로 보여야 하므로 is-disabled에서 강하게 처리
   ========================================================= */

/* Error */
.is-error[b-8336c4hajn] {
	--li-border: 1px solid var(--lap-danger-500);
	--li-border-focus: var(--lap-danger-500);
	--li-focus-ring: var(--lap-danger-100);
}

	.is-error .li-helper[b-8336c4hajn] {
		color: var(--lap-danger-500);
	}

/* Success */
.is-success[b-8336c4hajn] {
	--li-border: 1px solid var(--lap-success-500);
	--li-border-focus: var(--lap-success-500);
	--li-focus-ring: var(--lap-success-100);
}

	.is-success .li-helper[b-8336c4hajn] {
		color: var(--lap-success-500);
	}

/* Warning */
.is-warning[b-8336c4hajn] {
	--li-border: 1px solid var(--lap-warning-300);
	--li-border-focus: var(--lap-warning-300);
	--li-focus-ring: var(--lap-warning-100);
}

	.is-warning .li-helper[b-8336c4hajn] {
		color: var(--lap-warning-300);
	}

/* Information */
.is-info[b-8336c4hajn] {
	--li-border: 1px solid var(--lap-information-400);
	--li-border-focus: var(--lap-information-400);
	--li-focus-ring: var(--lap-information-100);
}

	.is-info .li-helper[b-8336c4hajn] {
		color: var(--lap-information-700);
	}

/* Disabled */
.is-disabled .li-box[b-8336c4hajn] {
	background: var(--lap-gray-100);
	border-color: var(--lap-gray-200);
	cursor: not-allowed;
}

.is-disabled .li-input[b-8336c4hajn] {
	color: var(--lap-text-disabled);
	cursor: not-allowed;
}


/* =========================================================
   11) Interaction States (Hover / Focus)
   - 기본은 pseudo-class로 동작
   - 퍼블리셔 테스트는 아래의 "강제 상태 클래스"를 활용
   - 최하단에 두어야 함
   ========================================================= */

/* Hover: 기본(마우스 올림) */
.li-root:not(.is-disabled) .li-box:hover[b-8336c4hajn] {
	border-color: color-mix(in srgb, var(--li-border-focus) 35%, var(--lap-gray-200));
}

/* Focus: 기본(입력 포커스) */
.li-root:not(.is-disabled) .li-box:focus-within[b-8336c4hajn] {
	border-color: var(--li-border-focus);
}

/* ---------------------------------------------------------
   퍼블/디자인 테스트용 "강제 상태"
   - hover/focus를 실제로 만들기 어려운 상황에서 class만으로 고정 가능
   - 실제 서비스에서도 붙이면 동일하게 보이므로, 가이드 페이지에서만 사용 권장
   --------------------------------------------------------- */

/* 강제 hover */
.li-root.is-force-hover:not(.is-disabled) .li-box[b-8336c4hajn] {
	border-color: color-mix(in srgb, var(--li-border-focus) 35%, var(--lap-gray-200));
}

/* 강제 focus */
.li-root.is-force-focus:not(.is-disabled) .li-box[b-8336c4hajn] {
	border-color: var(--li-border-focus);
}

/* underline은 border 대신 bottom border만 쓰므로 강제 상태도 별도 처리 */
.li-root.is-force-hover.li-shape-underline:not(.is-disabled) .li-box[b-8336c4hajn] {
	border-bottom-color: color-mix(in srgb, var(--li-border-focus) 35%, var(--lap-gray-200));
}

.li-root.is-force-focus.li-shape-underline:not(.is-disabled) .li-box[b-8336c4hajn] {
	border-bottom-color: var(--li-border-focus);
}
/* /Components/Shared/LapListAccordion.razor.rz.scp.css */
.lla-root[b-8pevcn1xh5] {
    min-width: 0;
    /* 데스크톱 scrollIntoView 시 본문 상단에 모바일과 같은 여백을 남긴다. */
    scroll-margin-top: var(--lap-2);
}

.lla-trigger[b-8pevcn1xh5] {
    width: 100%;
    min-width: 0;
    outline: none;
}

.lla-trigger:focus-visible[b-8pevcn1xh5] {
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 0 2px var(--lap-primary-400);
}

.lla-trigger[aria-disabled="true"][b-8pevcn1xh5] {
    cursor: default;
}

.lla-trigger[b-8pevcn1xh5] >  * {
    transition: background-color var(--lap-motion-fast) ease;
}

.lla-root.lla-hover-none .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: transparent;
}

.lla-root.lla-hover-neutral .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-gray-50);
}

/* 배송처 토글과 같은 라벨프라자 기본 강조 hover */
.lla-root.lla-hover-primary .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-primary-50);
}

.lla-root.lla-hover-information .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-information-50);
}

.lla-root.lla-hover-success .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-success-50);
}

.lla-root.lla-hover-warning .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-warning-50);
}

.lla-root.lla-hover-danger .lla-trigger:hover[b-8pevcn1xh5] >  * {
    background-color: var(--lap-danger-50);
}

.lla-panel[b-8pevcn1xh5] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition:
        grid-template-rows var(--lap-motion) ease,
        opacity var(--lap-motion-fast) ease,
        visibility 0s linear var(--lap-motion);
}

.lla-panel-inner[b-8pevcn1xh5] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.lla-root.is-open .lla-panel[b-8pevcn1xh5] {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
    .lla-panel[b-8pevcn1xh5] {
        transition: none;
    }
}
/* /Components/Shared/LapListAccordionGroup.razor.rz.scp.css */
.lag-root[b-elhmn5wc9a],
.lag-header[b-elhmn5wc9a],
.lag-items[b-elhmn5wc9a] {
    min-width: 0;
}

/* 열 머리글이 없을 때 첫 항목의 좌우 상단 모서리를 목록 외곽선에 맞춘다. */
.lag-root.is-headerless .lag-items[b-elhmn5wc9a] {
    overflow: hidden;
    border-radius: var(--lap-r-lg) var(--lap-r-lg) 0 0;
}
/* /Components/Shared/LapMaterialSelector.razor.rz.scp.css */
.lms-root[b-1qbjjuet19] { max-height: calc(var(--lap-1) * 76); overflow-y: scroll; border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-md); background: var(--lap-white); }
.lms-item[b-1qbjjuet19] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-bottom: 1px solid var(--lap-gray-200); transition: background-color var(--lap-motion-fast, 160ms) ease, color var(--lap-motion-fast, 160ms) ease; }
.lms-item:last-child[b-1qbjjuet19] { border-bottom: 0; }
.lms-item.is-selected[b-1qbjjuet19] { position: relative; z-index: 1; margin: calc(var(--lap-1) - 2px); border: 1px solid var(--lap-color-primary); border-radius: var(--lap-r-sm); background: var(--lap-primary-50); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.lms-select[b-1qbjjuet19] { display: grid; grid-template-columns: var(--lap-12) minmax(0, 1fr); align-items: center; gap: var(--lap-3); min-height: calc(var(--lap-1) * 15); padding: var(--lap-3); border-radius: var(--lap-r-sm); text-align: left; transition: background-color var(--lap-motion-fast, 160ms) ease; }
.lms-thumbnail[b-1qbjjuet19], .lms-swatch[b-1qbjjuet19] { width: var(--lap-12); height: var(--lap-12); border: 0; border-radius: var(--lap-r-max); background: transparent; }
.lms-thumbnail[b-1qbjjuet19] { object-fit: contain; }
.lms-swatch[b-1qbjjuet19] { border: 1px solid var(--lap-gray-300); background: var(--lms-swatch-color); }
.lms-select:focus-visible[b-1qbjjuet19] { outline: 2px solid var(--lap-color-primary); outline-offset: calc(var(--lap-1) - 2px); }
.lms-item:not(.is-selected):hover[b-1qbjjuet19] { background: var(--lap-primary-50); }
.lms-item:not(.is-selected):hover .lms-select[b-1qbjjuet19], .lms-item:not(.is-selected) .lms-select:focus-visible[b-1qbjjuet19] { background: var(--lap-primary-50); }
.lms-item:not(.is-selected):hover .lms-title-row strong[b-1qbjjuet19], .lms-item:not(.is-selected) .lms-select:focus-visible .lms-title-row strong[b-1qbjjuet19] { color: var(--lap-color-primary); }
.lms-copy[b-1qbjjuet19] { display: flex; flex-direction: column; min-width: 0; gap: var(--lap-1); }
.lms-title-row[b-1qbjjuet19] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--lap-2); }
.lms-title-row em[b-1qbjjuet19] { color: var(--lap-color-primary); font-size: var(--lap-text-size1); font-style: normal; }
.lms-title-row em.is-danger[b-1qbjjuet19] { color: var(--lap-danger-500); }
.lms-badge[b-1qbjjuet19] { width: var(--lap-5); height: var(--lap-5); object-fit: contain; }
.lms-copy small[b-1qbjjuet19] { overflow: hidden; color: var(--lap-text-tertiary); text-overflow: ellipsis; white-space: nowrap; }
.lms-copy small b[b-1qbjjuet19] { margin-right: var(--lap-2); color: var(--lap-color-primary); }
.lms-description[b-1qbjjuet19] { padding: var(--lap-3); border-radius: var(--lap-r-sm); color: var(--lap-color-primary); font-size: var(--lap-text-size2); font-weight: var(--lap-fw-semibold); white-space: nowrap; transition: color var(--lap-motion-fast, 160ms) ease, background-color var(--lap-motion-fast, 160ms) ease; }
.lms-description:hover[b-1qbjjuet19], .lms-description:focus-visible[b-1qbjjuet19] { color: var(--lap-primary-700); }
.lms-description:focus-visible[b-1qbjjuet19] { background: var(--lap-primary-100); }
.lms-empty[b-1qbjjuet19] { padding: var(--lap-4); color: var(--lap-text-tertiary); }
@media (max-width: 575.98px) { .lms-root[b-1qbjjuet19] { overflow-y: auto; } .lms-description[b-1qbjjuet19] { padding-inline: var(--lap-2); } .lms-select[b-1qbjjuet19] { grid-template-columns: var(--lap-10) minmax(0, 1fr); } .lms-thumbnail[b-1qbjjuet19], .lms-swatch[b-1qbjjuet19] { width: var(--lap-10); height: var(--lap-10); } }
/* /Components/Shared/LapModal.razor.rz.scp.css */
/* Components/Shared/LapModal.razor.css */

/* =========================================================
   LapModal Spec v3 (요구사항 반영)
   1) 패널 전체 패딩: 24px(상/하/좌/우)
   2) 보더 라인도 패널 패딩 안쪽(=좌우 24 inset)
   3) 헤더 텍스트 ↔ 하단 라인: 12px
      라인 ↔ 본문 시작: 12px
      => 제목/본문 간격이 24px가 되도록 구성
   4) 타이포 토큰(통일 클래스):
      - 헤더 타이틀: --lap-text-size4, --lap-fw-bold  => .lm-title
      - 본문 제목:   --lap-text-size3, --lap-fw-bold  => .lm-body-title
      - 본문 내용:   --lap-text-size2, --lap-fw-regular => .lm-body-text
   5) 닫기 아이콘: lap-delete.svg + lap-icon-24
   ========================================================= */

/* ✅ Overlay z-index */
.lm-host[b-y371cx5b62] {
	position: fixed;
	inset: 0;
	z-index: calc(var(--lap-overlay-z, 1100) + 1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--lap-6); /* 24px: 화면 가장자리 여백 */
	pointer-events: none; /* host(전체 화면)가 클릭을 먹지 않게 */
	outline: none;
}

.lm-host.is-closing[b-y371cx5b62] {
	pointer-events: none;
}

.lm-host.is-open .lm-panel[b-y371cx5b62] {
	animation: lm-panel-in-b-y371cx5b62 var(--lap-motion, 200ms) ease-out forwards;
}

.lm-host.is-closing .lm-panel[b-y371cx5b62] {
	animation: lm-panel-out-b-y371cx5b62 var(--lap-motion, 200ms) ease-in forwards;
}

/* Panel */
.lm-panel[b-y371cx5b62] {
	/* 본문 폭은 유지하면서 스크롤 트랙만 패널 오른쪽 여백 쪽으로 이동한다. */
	--lm-body-scroll-offset: var(--lap-4);
	position: relative;
	width: 100%;
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	box-shadow: var(--lap-shadow-4);
	display: flex;
	flex-direction: column;
	min-height: 0;
	max-height: calc(100vh - (var(--lap-6) * 2));
	overflow: hidden;
	padding: var(--lap-6);
	pointer-events: auto;
	transform-origin: center;
}

/* Sizes */
.lm-size-xl[b-y371cx5b62] {
	max-width: calc(var(--lap-1) * 320);
}
/* 1280px */
.lm-size-l[b-y371cx5b62] {
	max-width: calc(var(--lap-1) * 200);
}
/* 800px  */
.lm-size-m[b-y371cx5b62] {
	max-width: calc(var(--lap-1) * 160);
}
/* 640px  */
.lm-size-s[b-y371cx5b62] {
	max-width: calc(var(--lap-1) * 120);
}
/* 480px  */

/* Placement */
.lm-place-center[b-y371cx5b62] {
	margin: 0;
}

.lm-place-bottom[b-y371cx5b62] {
	margin-top: auto;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	transform-origin: bottom center;
}

.lm-host.is-open .lm-place-bottom[b-y371cx5b62] {
	animation-name: lm-bottom-sheet-in-b-y371cx5b62;
}

.lm-host.is-closing .lm-place-bottom[b-y371cx5b62] {
	animation-name: lm-bottom-sheet-out-b-y371cx5b62;
}

/* =========================================================
   Header
   - 패널 자체가 padding 24를 가짐
   - 헤더 텍스트 ↔ separator 간격: 12px (padding-bottom)
   ========================================================= */
.lm-head[b-y371cx5b62] {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center; /* 타이틀 중앙 */
	gap: var(--lap-2);
	min-height: var(--lap-10);
	/* ✅ 요청(3): 헤더 메인텍스트 -> 하단라인 간격 12px */
	padding-bottom: var(--lap-4); /* 16px */
}

.lm-head-inner[b-y371cx5b62] {
	flex: 1;
	min-width: 0;
	align-self: center;
	text-align: center;
}

/* ✅ 요청(4): 헤더 글자 토큰 */
.lm-title[b-y371cx5b62] {
	margin: 0;
	font-size: var(--lap-text-size4);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-tight);
	color: var(--lap-text-main);
}

.lm-head-extra[b-y371cx5b62] {
	margin-top: var(--lap-2); /* 8px (필요시 4로 조정 가능) */
	color: var(--lap-text-muted);
}

/* Close button */
.lm-close[b-y371cx5b62] {
	position: absolute;
	top: var(--lap-6); /* 24px */
	right: var(--lap-6); /* 24px */

	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--lap-10);
	height: var(--lap-10);
	margin: 0;
	border-radius: var(--lap-r-md);
	color: var(--lap-icon-main-black);
}

/* 40px 터치 영역의 X를 제목 글자 중심에 맞추기 위해 헤더 상단보다 8px 올린다. */
.lm-head > .lm-close[b-y371cx5b62] {
	top: calc(var(--lap-2) * -1);
	right: 0;
}

	.lm-close:hover[b-y371cx5b62] {
		background: var(--lap-gray-100);
	}

	.lm-close:focus[b-y371cx5b62] {
		outline: none;
	}

	.lm-close:focus-visible[b-y371cx5b62] {
		outline: none;
		background: var(--lap-gray-100);
		box-shadow: none;
	}

/* 헤더 없는 경우에도 우상단 floating */
.lm-close-float[b-y371cx5b62] {
	/* .lm-close 기본 absolute로 이미 처리됨 */
}

/* =========================================================
   Separator
   - ✅ 요청(1): 보더 라인도 패널 패딩 안쪽
     -> 패널이 padding 24이므로 separator는 width:100%면 자동 inset
   - 색: gray-200
   ========================================================= */
.lm-sep[b-y371cx5b62] {
	width: 100%;
	height: 1px;
	background: var(--lap-gray-200);
}

/* =========================================================
   Body
   - ✅ 요청(3): separator(라인) ↔ 본문 시작 12px
     -> 헤더가 있을 때만 상단 패딩 12px 추가
   - Footer가 있을 때는 하단도 12px로 정리(라인과 간격 균형)
   ========================================================= */
.lm-body[b-y371cx5b62] {
	width: calc(100% + var(--lm-body-scroll-offset));
	margin-right: calc(var(--lm-body-scroll-offset) * -1);
	padding-right: var(--lm-body-scroll-offset);
	overflow: auto;
	min-height: 0;
	color: var(--lap-text-main);
}

/* 공개 정책 모달은 자체 본문 스크롤이 끝나도 뒤쪽 window로 스크롤을 넘기지 않는다. */
.pdm-panel .lm-body[b-y371cx5b62] {
	overscroll-behavior: contain;
}

	.lm-body.lm-body-with-head[b-y371cx5b62] {
		padding-top: var(--lap-3); /* 12px */
	}

	.lm-body.lm-body-with-foot[b-y371cx5b62] {
		padding-bottom: var(--lap-3); /* 12px (푸터 separator 위쪽 여백) */
	}

/* =========================================================
   Footer
   - 버튼 영역 정렬은 가이드/사용처에서 구성(우측 정렬 등)
   - 여기서는 레이아웃만 제공
   ========================================================= */
.lm-foot[b-y371cx5b62] {
	padding-top: var(--lap-3); /* 12px: 라인 아래 여백 */
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2); /* 8px */
}

/* =========================================================
   ✅ 요청(4): 본문 타이포 유틸 클래스(통일 명칭)
   - 사용처(가이드/페이지)에서 아래 클래스를 붙여 사용
   ========================================================= */
.lm-body-title[b-y371cx5b62] {
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-tight);
	color: var(--lap-text-main);
}

.lm-body-text[b-y371cx5b62] {
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	color: var(--lap-text-main);
	white-space: pre-line;
}

/* =========================================================
   Mobile (<= 767.98px)
   - 패널 width 100%
   - 텍스트 색상: secondary / tertiary
   ========================================================= */
@media (max-width: 767.98px) {
	.lm-panel[b-y371cx5b62] {
		max-width: none;
		width: 100%;
	}

	.lm-title[b-y371cx5b62] {
		color: var(--lap-text-secondary);
	}

	.lm-body[b-y371cx5b62],
	.lm-body-title[b-y371cx5b62],
	.lm-body-text[b-y371cx5b62],
	.lm-head-extra[b-y371cx5b62] {
		color: var(--lap-text-tertiary);
	}
}

/* =========================================================
   BottomSheet mobile 느낌(옵션)
   ========================================================= */
@media (max-width: 767.98px) {
	.lm-place-bottom[b-y371cx5b62] {
		margin-top: auto;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		border-radius: var(--lap-r-xl) var(--lap-r-xl) 0 0;
	}
}

@keyframes lm-panel-in-b-y371cx5b62 {
	from {
		opacity: 0;
		transform: translateY(calc(var(--lap-1) * -2)) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes lm-panel-out-b-y371cx5b62 {
	from {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translateY(calc(var(--lap-1) * -1)) scale(0.98);
	}
}

@keyframes lm-bottom-sheet-in-b-y371cx5b62 {
	from {
		opacity: 0;
		transform: translateY(var(--lap-6));
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes lm-bottom-sheet-out-b-y371cx5b62 {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(var(--lap-6));
	}
}

@media (prefers-reduced-motion: reduce) {
	.lm-host.is-open .lm-panel[b-y371cx5b62],
	.lm-host.is-closing .lm-panel[b-y371cx5b62] {
		animation: none;
		opacity: 1;
		transform: none;
	}
}
/* /Components/Shared/LapNewBadge.razor.rz.scp.css */
/* Components/Shared/LapNewBadge.razor.css */

.lnb-root[b-rxcrda4eab] {
	--lnb-h: var(--lap-5);
	--lnb-px: var(--lap-1);
	--lnb-font-size: calc(var(--lap-text-size1) * 0.92);

	height: var(--lnb-h);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--lnb-px);
	border: 1px solid var(--lap-danger-300);
	border-radius: var(--lap-r-max);
	background: var(--lap-danger-50);
	color: var(--lap-danger-600);
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	user-select: none;
}

.lnb-default[b-rxcrda4eab] {
	--lnb-h: var(--lap-5);
	--lnb-px: var(--lap-1);
	--lnb-font-size: calc(var(--lap-text-size1) * 0.92);
}

.lnb-small[b-rxcrda4eab] {
	--lnb-h: var(--lap-4);
	--lnb-px: var(--lap-1);
	--lnb-font-size: calc(var(--lap-text-size1) * 0.86);
}

.lnb-text[b-rxcrda4eab] {
	font-size: var(--lnb-font-size);
	font-weight: var(--lap-fw-bold);
	letter-spacing: 0;
}

.lnb-root.is-blinking[b-rxcrda4eab] {
	animation: lnb-soft-blink-b-rxcrda4eab 2.4s ease-in-out infinite;
	transform-origin: center;
}

@keyframes lnb-soft-blink-b-rxcrda4eab {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.58;
		transform: scale(0.98);
	}
}

@media (prefers-reduced-motion: reduce) {
	.lnb-root.is-blinking[b-rxcrda4eab] {
		animation: none;
	}
}
/* /Components/Shared/LapOverlay.razor.rz.scp.css */
.o-overlay[b-sona23m9iw] {
    position: fixed;

    /* 핵심: 상단을 비워두고 싶을 때 top만 내려준다 */
    top: var(--lap-overlay-top, 0px);
    left: 0;
    right: 0;
    bottom: 0;

    background: var(--lap-gray-900);
    opacity: 0;

    /* 상황에 따라 z-index를 바꾸기 */
    z-index: var(--lap-overlay-z, 999);

    animation: lo-fade-in-b-sona23m9iw var(--lap-motion, 200ms) ease-out forwards;
}

.o-overlay.is-closing[b-sona23m9iw] {
    pointer-events: none;
    animation: lo-fade-out-b-sona23m9iw var(--lap-motion, 200ms) ease-in forwards;
}

@keyframes lo-fade-in-b-sona23m9iw {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.6;
    }
}

@keyframes lo-fade-out-b-sona23m9iw {
    from {
        opacity: 0.6;
    }

    to {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .o-overlay[b-sona23m9iw] {
        animation: none;
        opacity: 0.6;
    }

    .o-overlay.is-closing[b-sona23m9iw] {
        animation: none;
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .o-overlay.is-search-overlay[b-sona23m9iw] {
        display: none;
    }
}
/* /Components/Shared/LapPagination.razor.rz.scp.css */
/* Components/Shared/LapPagination.razor.css */

/* =========================================================
   Layout / Align
   - 기본: 가운데 정렬
   - Align 파라미터로 left/center/right 제어
   ========================================================= */
.lpn-bar[b-3vrdjadq0u] {
	min-height: var(--lap-8); /* 32px */
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--lap-2); /* summary와의 간격 */

	color: var(--lap-text-primary);
}

	/* ✅ 정렬 옵션 */
	.lpn-bar.is-left[b-3vrdjadq0u] {
		justify-content: flex-start;
	}

	.lpn-bar.is-center[b-3vrdjadq0u] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		column-gap: var(--lap-2);
	}

	.lpn-bar.is-right[b-3vrdjadq0u] {
		justify-content: flex-end;
	}

/* 숫자/아이콘이 들어있는 메인 영역 */
.lpn-main[b-3vrdjadq0u] {
	height: var(--lap-8);
	display: inline-flex;
	align-items: center;
	gap: var(--lap-1); /* 4px: 요소 간격 */
}

.lpn-bar.is-center .lpn-main[b-3vrdjadq0u] {
	grid-column: 2;
	justify-self: center;
}

.lpn-bar.is-center .lpn-summary[b-3vrdjadq0u] {
	grid-column: 3;
	justify-self: start;
}

/* =========================================================
   Pages (Desktop / Mobile)
   - JS 없이 두 세트를 렌더하고 CSS로 토글
   ========================================================= */
.lpn-pages[b-3vrdjadq0u] {
	height: var(--lap-8);
	display: inline-flex;
	align-items: center;
	gap: var(--lap-1); /* 4px */
}

/* 기본: 데스크톱 페이지 세트 보이기 */
.lpn-pages-desktop[b-3vrdjadq0u] {
	display: inline-flex;
}

.lpn-pages-mobile[b-3vrdjadq0u] {
	display: none;
}

/* 모바일: 모바일 세트 보이기 */
@media (max-width: 767.98px) {
	.lpn-pages-desktop[b-3vrdjadq0u] {
		display: none;
	}

	.lpn-pages-mobile[b-3vrdjadq0u] {
		display: inline-flex;
	}

	.lpn-bar[b-3vrdjadq0u],
	.lpn-bar.is-center[b-3vrdjadq0u] {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.lpn-bar.is-center .lpn-main[b-3vrdjadq0u],
	.lpn-bar.is-center .lpn-summary[b-3vrdjadq0u] {
		grid-column: auto;
		justify-self: auto;
	}

	/* 모바일에서는 summary가 버튼줄 아래 가운데로 내려가도록 처리 */
	.lpn-summary[b-3vrdjadq0u] {
		flex: 0 0 100%;
		justify-content: center;
		text-align: center;
		white-space: nowrap;
	}
}

/* =========================================================
   Summary (우측 정보)
   "총 34페이지 / 총 600건"
   ========================================================= */
.lpn-summary[b-3vrdjadq0u] {
	height: var(--lap-8);
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	color: var(--lap-text-tertiary);
}

.lpn-bar:not(.is-center) .lpn-summary[b-3vrdjadq0u] {
	margin-left: var(--lap-3);
}

/* =========================================================
   Buttons
   ========================================================= */
.lpn-btn[b-3vrdjadq0u] {
	height: var(--lap-8); /* 32px */
	min-width: var(--lap-8); /* 터치 영역 확보 */

	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	user-select: none;
}

/* 숫자 버튼 */
.lpn-num[b-3vrdjadq0u] {
	min-width: var(--lap-8);
	line-height: 1;
}

	/* ✅ 현재 페이지 강조
   - underline
   - font-weight 강제 (lap-fs-body font shorthand가 weight 덮는 문제 방지)
*/
	.lpn-num.is-active[b-3vrdjadq0u] {
		text-decoration: underline;
		text-underline-offset: 3px;
		text-decoration-thickness: 1px;
		/* Bold 강제 */
		font-weight: var(--lap-fw-bold);
	}

/* 더블 애로우(첫/마지막) 색상 */
.lpn-ico-muted[b-3vrdjadq0u] {
	color: var(--lap-gray-400);
}

/* 왼쪽 더블 애로우는 180도 회전 */
.lpn-ico-rot180[b-3vrdjadq0u] {
	transform: rotate(180deg);
}

/* disabled */
.lpn-btn:disabled[b-3vrdjadq0u] {
	opacity: 0.5;
	cursor: default;
}

/* hover (원하면 토큰으로 더 정교하게 튜닝 가능) */
.lpn-btn:not(:disabled):hover[b-3vrdjadq0u] {
	opacity: 0.85;
}
/* /Components/Shared/LapProcessStepCarousel.razor.rz.scp.css */
.prsc-root[b-8mc91k5nmy] { width:100%; padding-block:40px; }
.prsc-title[b-8mc91k5nmy] { display:flex; flex-direction:column; gap:8px; width:100%; margin-bottom:16px; text-align:center; }
.prsc-title h2[b-8mc91k5nmy],.prsc-title p[b-8mc91k5nmy] { margin:0; }
.prsc-title h2[b-8mc91k5nmy] { font-size:24px; font-weight:var(--lap-fw-bold); line-height:1.5; word-break:keep-all; }
.prsc-title p[b-8mc91k5nmy] { color:var(--lap-text-tertiary); font-size:14px; font-weight:var(--lap-fw-medium); line-height:1.5; }
.prsc-tabs[b-8mc91k5nmy] { display:flex; align-items:center; justify-content:center; gap:16px; width:max-content; height:50px; margin:0 auto 12px; padding:8px; border:1px solid var(--lap-gray-200); border-radius:999px; background:var(--lap-gray-100); }
.prsc-tabs button[b-8mc91k5nmy] { display:flex; flex:1; align-items:center; justify-content:center; min-width:155px; height:40px; padding-inline:16px; color:var(--lap-text-secondary); font-size:16px; font-weight:var(--lap-fw-medium); border:0; border-radius:999px; background:transparent; cursor:pointer; }
.prsc-tabs button.is-active[b-8mc91k5nmy] { color:var(--lap-primary-500); background:var(--lap-white); }
.prsc-carousel[b-8mc91k5nmy] { position:relative; display:grid; grid-template-columns:minmax(280px,442px) minmax(480px,628px) minmax(280px,442px); align-items:center; justify-content:center; gap:12px; width:100%; min-height:520px; overflow:hidden; }
.prsc-card[b-8mc91k5nmy] { position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; min-width:0; padding:20px; color:var(--lap-text-main); border:1px solid var(--lap-gray-200); border-radius:12px; background:var(--lap-white); }
.prsc-side[b-8mc91k5nmy] { opacity:.92; transform:scale(.94); transition:opacity var(--lap-motion-fast) ease,transform var(--lap-motion-fast) ease; }
.prsc-side:hover[b-8mc91k5nmy],.prsc-side:focus-visible[b-8mc91k5nmy] { opacity:1; transform:scale(.96); outline:2px solid var(--lap-primary-300); outline-offset:2px; }
.prsc-card-trigger[b-8mc91k5nmy] { position:absolute; z-index:1; inset:0; width:100%; padding:0; border:0; border-radius:12px; background:transparent; cursor:pointer; }
.prsc-card-trigger:focus-visible[b-8mc91k5nmy] { outline:2px solid var(--lap-primary-300); outline-offset:2px; }
.prsc-main[b-8mc91k5nmy] { width:100%; min-height:500px; box-shadow:var(--lap-shadow-3); }
.prsc-heading[b-8mc91k5nmy] { display:flex; flex-direction:column; align-items:center; gap:12px; }
.prsc-heading span[b-8mc91k5nmy] { padding:4px 8px; color:var(--lap-primary-500); font-size:14px; font-weight:var(--lap-fw-bold); line-height:1.5; border-radius:999px; background:var(--lap-primary-50); }
.prsc-heading strong[b-8mc91k5nmy] { color:var(--lap-text-main); font-size:14px; font-weight:var(--lap-fw-bold); line-height:1.5; }
.prsc-main .prsc-heading strong[b-8mc91k5nmy] { color:var(--lap-primary-500); }
.prsc-image[b-8mc91k5nmy] { width:100%; overflow:hidden; border:1px solid var(--lap-gray-200); border-radius:20px; background:var(--lap-white); }
.prsc-side .prsc-image[b-8mc91k5nmy] { height:280px; }
.prsc-main .prsc-image[b-8mc91k5nmy] { height:396px; }
.prsc-image img[b-8mc91k5nmy] { width:100%; height:100%; object-fit:contain; }
.prsc-root.is-a4-request .prsc-image img[b-8mc91k5nmy] { object-fit:cover; }
.prsc-card > p[b-8mc91k5nmy] { min-height:42px; margin:0; color:var(--lap-text-tertiary); font-size:14px; font-weight:var(--lap-fw-medium); line-height:1.5; text-align:center; white-space:pre-line; }
.prsc-arrow[b-8mc91k5nmy] { position:absolute; z-index:2; top:50%; display:grid; place-items:center; width:40px; height:40px; padding:0; color:var(--lap-text-secondary); border:1px solid var(--lap-gray-200); border-radius:50%; background:var(--lap-white); box-shadow:var(--lap-shadow-2); cursor:pointer; transform:translateY(-50%); }
.prsc-prev[b-8mc91k5nmy] { left:calc(50% - 334px); }
.prsc-next[b-8mc91k5nmy] { right:calc(50% - 334px); }
.prsc-position[b-8mc91k5nmy] { display:flex; justify-content:center; gap:8px; margin-top:10px; }
.prsc-position button[b-8mc91k5nmy] { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:var(--lap-gray-300); cursor:pointer; }
.prsc-position button.is-active[b-8mc91k5nmy] { width:20px; border-radius:999px; background:var(--lap-primary-500); }

/* 맞춤라벨은 Figma의 482-628-482px 카드와 214:135 이미지 무대 비율을 그대로 사용한다. */
.prsc-root.is-custom-label .prsc-title[b-8mc91k5nmy] { margin-bottom:12px; }
.prsc-root.is-custom-label .prsc-carousel[b-8mc91k5nmy] { grid-template-columns:minmax(320px,482px) minmax(480px,628px) minmax(320px,482px); min-height:518px; }
.prsc-root.is-custom-label .prsc-card[b-8mc91k5nmy] { justify-content:center; }
.prsc-root.is-custom-label .prsc-side[b-8mc91k5nmy] { opacity:1; transform:none; }
.prsc-root.is-custom-label .prsc-side:hover[b-8mc91k5nmy],
.prsc-root.is-custom-label .prsc-side:focus-visible[b-8mc91k5nmy] { transform:none; }
.prsc-root.is-custom-label .prsc-main[b-8mc91k5nmy] { min-height:0; box-shadow:none; }
.prsc-root.is-custom-label .prsc-main .prsc-heading strong[b-8mc91k5nmy] { color:var(--lap-text-main); }
.prsc-root.is-custom-label .prsc-image[b-8mc91k5nmy] { height:auto; aspect-ratio:214/135; }
.prsc-root.is-custom-label .prsc-image img[b-8mc91k5nmy] { object-fit:cover; object-position:center; }
.prsc-root.is-custom-label .prsc-card > p[b-8mc91k5nmy] { min-height:0; }
.prsc-root.is-custom-label .prsc-arrow[b-8mc91k5nmy] { top:280px; }
.prsc-root.is-custom-label .prsc-position[b-8mc91k5nmy] { display:none; }

@media(max-width:1439.98px){.prsc-carousel[b-8mc91k5nmy]{grid-template-columns:minmax(240px,1fr) minmax(460px,1.42fr) minmax(240px,1fr)}.prsc-root.is-custom-label .prsc-carousel[b-8mc91k5nmy]{grid-template-columns:minmax(240px,482px) minmax(460px,628px) minmax(240px,482px)}}
@media(max-width:991.98px){.prsc-carousel[b-8mc91k5nmy]{grid-template-columns:minmax(0,1fr);width:min(628px,100%);margin-inline:auto}.prsc-root.is-custom-label .prsc-carousel[b-8mc91k5nmy]{grid-template-columns:minmax(0,1fr)}.prsc-side[b-8mc91k5nmy]{display:none}.prsc-prev[b-8mc91k5nmy]{left:12px}.prsc-next[b-8mc91k5nmy]{right:12px}}
@media(max-width:767.98px){.prsc-tabs[b-8mc91k5nmy]{gap:4px;width:min(326px,100%)}.prsc-tabs button[b-8mc91k5nmy]{min-width:0;padding-inline:8px;font-size:14px}.prsc-main[b-8mc91k5nmy]{width:min(480px,100%);min-height:395px;margin-inline:auto}.prsc-main .prsc-image[b-8mc91k5nmy]{height:auto;aspect-ratio:214/135}.prsc-carousel[b-8mc91k5nmy]{width:100%;min-height:395px}.prsc-prev[b-8mc91k5nmy]{left:8px}.prsc-next[b-8mc91k5nmy]{right:8px}.prsc-position[b-8mc91k5nmy]{display:none}.prsc-root.is-a4-request .prsc-main[b-8mc91k5nmy]{width:min(414px,calc(100% - 96px))}.prsc-root.is-a4-request .prsc-prev[b-8mc91k5nmy]{left:0}.prsc-root.is-a4-request .prsc-next[b-8mc91k5nmy]{right:0}.prsc-root.is-custom-label .prsc-carousel[b-8mc91k5nmy]{min-height:0}.prsc-root.is-custom-label .prsc-main[b-8mc91k5nmy]{width:min(414px,calc(100% - 64px));min-height:0}.prsc-root.is-custom-label .prsc-arrow[b-8mc91k5nmy]{top:50%}.prsc-root.is-custom-label .prsc-prev[b-8mc91k5nmy]{left:0}.prsc-root.is-custom-label .prsc-next[b-8mc91k5nmy]{right:0}}
@media(max-width:575.98px){.prsc-title h2[b-8mc91k5nmy]{font-size:20px}.prsc-title p[b-8mc91k5nmy]{font-size:13px}.prsc-tabs[b-8mc91k5nmy]{gap:0}.prsc-tabs button[b-8mc91k5nmy]{font-size:13px}.prsc-card[b-8mc91k5nmy]{padding:16px}.prsc-root.is-custom-label .prsc-card[b-8mc91k5nmy]{padding:20px}.prsc-prev[b-8mc91k5nmy]{left:4px}.prsc-next[b-8mc91k5nmy]{right:4px}}
@media(max-width:479.98px){.prsc-root.is-a4-request .prsc-main[b-8mc91k5nmy]{width:100%}.prsc-root.is-a4-request .prsc-prev[b-8mc91k5nmy]{left:4px}.prsc-root.is-a4-request .prsc-next[b-8mc91k5nmy]{right:4px}}
/* /Components/Shared/LapQuantitySelector.razor.rz.scp.css */
.lqsel-root[b-1qvdmcb0wf] { position: relative; }
.lqsel-trigger[b-1qvdmcb0wf] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--lap-3); width: 100%; min-height: calc(var(--lap-1) * 18); padding: var(--lap-4); border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); background: var(--lap-white); text-align: left; }
.lqsel-trigger:hover[b-1qvdmcb0wf], .lqsel-trigger:focus-visible[b-1qvdmcb0wf] { border-color: var(--lap-primary-400); }
.lqsel-trigger.is-selected[b-1qvdmcb0wf] { border-color: var(--lap-color-primary); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.lqsel-trigger > span:first-child[b-1qvdmcb0wf] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--lap-2); min-width: 0; }
.lqsel-trigger > span:first-child > strong[b-1qvdmcb0wf] { font-size: var(--lap-text-size3); }
.lqsel-placeholder[b-1qvdmcb0wf] { font-size: var(--lap-text-size2); font-weight: var(--lap-fw-regular); }
.lqsel-trigger.is-selected > span:first-child > strong[b-1qvdmcb0wf], .lqsel-trigger > b[b-1qvdmcb0wf] { font-size: var(--lap-text-size4); }
.lqsel-trigger small[b-1qvdmcb0wf] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size3); }
.lqsel-chevron[b-1qvdmcb0wf] { color: var(--lap-text-tertiary); transition: transform var(--lap-motion-fast, 160ms) ease; }
.lqsel-trigger[aria-expanded="true"] .lqsel-chevron[b-1qvdmcb0wf] { transform: rotate(180deg); }
.lqsel-trigger > b[b-1qvdmcb0wf], .lqsel-choice > b[b-1qvdmcb0wf] { flex: 0 0 auto; color: var(--lap-color-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.lqsel-backdrop[b-1qvdmcb0wf] { position: fixed; z-index: 40; inset: 0; background: transparent; }
.lqsel-popup[b-1qvdmcb0wf] { position: absolute; z-index: 55; left: 0; right: 0; max-height: calc(var(--lap-1) * 115); overflow-y: auto; border: 1px solid var(--lap-gray-300); border-radius: var(--lap-r-sm); background: var(--lap-white); box-shadow: var(--lap-shadow-3); }
.lqsel-custom[b-1qvdmcb0wf] { min-width: 0; }
.lqsel-choice[b-1qvdmcb0wf] { display: flex; align-items: center; justify-content: space-between; gap: var(--lap-4); width: 100%; min-height: calc(var(--lap-1) * 18); padding: var(--lap-5) var(--lap-4); border: 1px solid transparent; border-top-color: var(--lap-gray-200); text-align: left; }
.lqsel-choice:hover[b-1qvdmcb0wf], .lqsel-choice:focus-visible[b-1qvdmcb0wf] { background: var(--lap-primary-50); }
.lqsel-choice.is-selected[b-1qvdmcb0wf] { position: relative; z-index: 1; border-color: var(--lap-color-primary); background: var(--lap-primary-50); box-shadow: inset 0 0 0 1px var(--lap-color-primary); }
.lqsel-choice span[b-1qvdmcb0wf] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--lap-2); min-width: 0; }
.lqsel-choice strong[b-1qvdmcb0wf] { font-size: var(--lap-text-size4); }
.lqsel-choice small[b-1qvdmcb0wf] { color: var(--lap-text-tertiary); font-size: var(--lap-text-size3); white-space: nowrap; }
@media (max-width: 575.98px) {
  /* 옵션·선택 완료 모두 왼쪽 상세와 오른쪽 총액의 같은 정보 위계를 사용한다. */
  .lqsel-trigger[b-1qvdmcb0wf] { grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--lap-3); min-height: calc(var(--lap-1) * 17); padding: var(--lap-3) var(--lap-4); }
  .lqsel-trigger > span:first-child[b-1qvdmcb0wf] { display: grid; justify-items: start; gap: 2px; line-height: var(--lap-lh-normal); }
  .lqsel-trigger.is-selected > span:first-child > strong[b-1qvdmcb0wf], .lqsel-trigger > b[b-1qvdmcb0wf] { font-size: var(--lap-text-size3); }
  .lqsel-trigger small[b-1qvdmcb0wf] { font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); white-space: normal; }
  .lqsel-trigger > b[b-1qvdmcb0wf] { justify-self: end; }
  .lqsel-chevron[b-1qvdmcb0wf] { justify-self: end; }
  .lqsel-choice[b-1qvdmcb0wf] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--lap-3); min-height: calc(var(--lap-1) * 17); padding: var(--lap-4); }
  .lqsel-choice span[b-1qvdmcb0wf] { display: grid; justify-items: start; gap: 2px; line-height: var(--lap-lh-normal); }
  .lqsel-choice strong[b-1qvdmcb0wf], .lqsel-choice > b[b-1qvdmcb0wf] { font-size: var(--lap-text-size3); }
  .lqsel-choice small[b-1qvdmcb0wf] { font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); white-space: normal; }
  .lqsel-choice > b[b-1qvdmcb0wf] { align-self: center; justify-self: end; }
  /* CustomContent의 직접입력 UI는 호출 화면이 만들지만, 결과 정보와 총액의 모바일 배치는 공통으로 유지한다. */
  .lqsel-custom[b-1qvdmcb0wf]  .lqsel-custom-row { align-items: stretch; flex-direction: column; }
  .lqsel-custom[b-1qvdmcb0wf]  .lqsel-custom-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 var(--lap-3); width: 100%; min-width: 0; text-align: left; white-space: normal; }
  .lqsel-custom[b-1qvdmcb0wf]  .lqsel-custom-summary > strong { grid-column: 2; grid-row: 1 / span 2; justify-self: end; color: var(--lap-color-primary); font-size: var(--lap-text-size3); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .lqsel-custom[b-1qvdmcb0wf]  .lqsel-custom-summary > span { grid-column: 1; min-width: 0; overflow-wrap: anywhere; }
}
/* /Components/Shared/LapQuantityStepper.razor.rz.scp.css */
.lqs-root[b-jh5vnf7hgw] {
  --lqs-border: var(--lap-gray-200);
  --lqs-surface: var(--lap-white);
  --lqs-disabled-surface: var(--lap-gray-100);
  --lqs-text: var(--lap-gray-800);
  --lqs-disabled-text: var(--lap-text-disabled);
  display: inline-grid;
  grid-template-columns: var(--lqs-button-size) var(--lqs-input-size) var(--lqs-button-size);
  height: var(--lqs-button-size);
  overflow: hidden;
  border: 1px solid var(--lqs-border);
  background: var(--lqs-surface);
}

.lqs-s24[b-jh5vnf7hgw] { --lqs-button-size: calc(var(--lap-1) * 6); --lqs-input-size: calc(var(--lap-1) * 9.5); }
.lqs-s36[b-jh5vnf7hgw] { --lqs-button-size: var(--lap-9); --lqs-input-size: calc(var(--lap-1) * 12.5); }
.lqs-s48[b-jh5vnf7hgw] { --lqs-button-size: var(--lap-12); --lqs-input-size: calc(var(--lap-1) * 15.5); }

.lqs-button[b-jh5vnf7hgw], .lqs-input[b-jh5vnf7hgw] { min-width: 0; height: 100%; background: transparent; color: var(--lqs-text); }
.lqs-button[b-jh5vnf7hgw] { display: inline-flex; align-items: center; justify-content: center; }
.lqs-input[b-jh5vnf7hgw] { border: 0; border-inline: 1px solid var(--lqs-border); text-align: center; font-size: var(--lap-text-size1); line-height: var(--lap-lh-normal); }
.lqs-button span[b-jh5vnf7hgw] { position: relative; display: block; width: var(--lap-3); height: var(--lap-3); }
.lqs-button span[b-jh5vnf7hgw]::before, .lqs-increase span[b-jh5vnf7hgw]::after { position: absolute; top: 50%; left: 50%; width: var(--lap-3); height: 1px; background: currentColor; content: ""; transform: translate(-50%, -50%); }
.lqs-increase span[b-jh5vnf7hgw]::after { transform: translate(-50%, -50%) rotate(90deg); }
.lqs-button:hover:not(:disabled)[b-jh5vnf7hgw] { background: var(--lap-primary-50); color: var(--lap-color-primary); }
.lqs-button:hover:not(:disabled) span[b-jh5vnf7hgw]::before, .lqs-increase:hover:not(:disabled) span[b-jh5vnf7hgw]::after { height: 2px; }
.lqs-button:focus-visible[b-jh5vnf7hgw], .lqs-input:focus-visible[b-jh5vnf7hgw] { position: relative; z-index: 1; outline: 2px solid var(--lap-color-primary); outline-offset: -2px; }
.lqs-button:disabled[b-jh5vnf7hgw] { background: transparent; color: var(--lqs-text); cursor: default; }
.lqs-root.is-disabled .lqs-input[b-jh5vnf7hgw] { background: var(--lqs-disabled-surface); color: var(--lqs-disabled-text); }
.lqs-root.is-disabled[b-jh5vnf7hgw] { background: var(--lqs-disabled-surface); }

@media (max-width: 575.98px) { .lqs-s36[b-jh5vnf7hgw] { --lqs-input-size: calc(var(--lap-1) * 12); } }
/* /Components/Shared/LapRadio.razor.rz.scp.css */
.lr-root[b-g91924u91q] {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: var(--lap-2);
	min-width: 0;
	cursor: pointer;
	user-select: none;

	/* 기본값: 20px */
	--lr-size: var(--lap-5);
	--lr-text-size: var(--lap-text-size2);
	--lr-border-width-default: 1px;
	--lr-border-width-disabled-checked: 1px;
	--lr-dot-size-checked: 12px;
	--lr-dot-size-disabled: 10px;

	--lr-bg: var(--lap-white);
	--lr-border-color: var(--lap-gray-500);
	--lr-border-width: var(--lr-border-width-default);
	--lr-dot-color: transparent;
	--lr-dot-size: var(--lr-dot-size-checked);
	--lr-dot-scale: 0;
	--lr-dot-opacity: 0;
	--lr-text-color: var(--lap-text-secondary);
	--lr-focus-ring-color: color-mix(in srgb, var(--lap-primary-200) 65%, transparent);
}

.lr-input[b-g91924u91q] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.lr-indicator[b-g91924u91q] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: var(--lr-size);
	height: var(--lr-size);
	border-radius: var(--lap-r-max);
	border: var(--lr-border-width) solid var(--lr-border-color);
	background: var(--lr-bg);
	transition: background-color var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease;
}

.lr-dot[b-g91924u91q] {
	width: var(--lr-dot-size);
	height: var(--lr-dot-size);
	border-radius: var(--lap-r-max);
	background: var(--lr-dot-color);
	transform: scale(var(--lr-dot-scale));
	transform-origin: center;
	opacity: var(--lr-dot-opacity);
	transition: transform var(--lap-motion-fast) ease, opacity var(--lap-motion-fast) ease, background-color var(--lap-motion-fast) ease;
}

.lr-text[b-g91924u91q] {
	min-width: 0;
	font-size: var(--lr-text-size);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	color: var(--lr-text-color);
}

.lr-s20[b-g91924u91q] {
	--lr-size: var(--lap-5); /* 20px */
	--lr-text-size: var(--lap-text-size2); /* 14px */
	--lr-border-width-default: 1px;
	--lr-border-width-disabled-checked: 1px;
	--lr-dot-size-checked: 12px;
	--lr-dot-size-disabled: 10px;
}

.lr-s16[b-g91924u91q] {
	--lr-size: var(--lap-4); /* 16px */
	--lr-text-size: var(--lap-text-size1); /* 12px */
	--lr-border-width-default: 1px;
	--lr-border-width-disabled-checked: 1px;
	--lr-dot-size-checked: 10px;
	--lr-dot-size-disabled: 8px;
}

.lr-root.is-unchecked:not(.is-disabled)[b-g91924u91q] {
	--lr-bg: var(--lap-white);
	--lr-border-color: var(--lap-gray-500);
	--lr-border-width: var(--lr-border-width-default);
	--lr-dot-color: transparent;
	--lr-dot-size: var(--lr-dot-size-checked);
	--lr-dot-scale: 0;
	--lr-dot-opacity: 0;
}

.lr-root.is-checked:not(.is-disabled)[b-g91924u91q] {
	--lr-bg: var(--lap-white);
	--lr-border-color: var(--lap-primary-500);
	--lr-border-width: var(--lr-border-width-default);
	--lr-dot-color: var(--lap-primary-500);
	--lr-dot-size: var(--lr-dot-size-checked);
	--lr-dot-scale: 1;
	--lr-dot-opacity: 1;
}

.lr-root.is-disabled[b-g91924u91q] {
	cursor: not-allowed;
	--lr-text-color: var(--lap-text-disabled);
}

.lr-root.is-disabled.is-unchecked[b-g91924u91q] {
	--lr-bg: var(--lap-gray-200);
	--lr-border-color: transparent;
	--lr-border-width: 0;
	--lr-dot-color: var(--lap-gray-50);
	--lr-dot-size: var(--lr-dot-size-disabled);
	--lr-dot-scale: 1;
	--lr-dot-opacity: 1;
}

.lr-root.is-disabled.is-checked[b-g91924u91q] {
	--lr-bg: var(--lap-gray-200);
	--lr-border-color: var(--lap-gray-400);
	--lr-border-width: var(--lr-border-width-disabled-checked);
	--lr-dot-color: var(--lap-gray-400);
	--lr-dot-size: var(--lr-dot-size-disabled);
	--lr-dot-scale: 1;
	--lr-dot-opacity: 1;
}

.lr-root:not(.is-disabled):hover .lr-indicator[b-g91924u91q],
.lr-root.is-force-hover:not(.is-disabled) .lr-indicator[b-g91924u91q] {
	border-color: var(--lap-primary-400);
}

.lr-root.is-checked:not(.is-disabled):hover .lr-indicator[b-g91924u91q],
.lr-root.is-checked.is-force-hover:not(.is-disabled) .lr-indicator[b-g91924u91q] {
	border-color: var(--lap-primary-600);
}

.lr-root.is-checked:not(.is-disabled):hover .lr-dot[b-g91924u91q],
.lr-root.is-checked.is-force-hover:not(.is-disabled) .lr-dot[b-g91924u91q] {
	background: var(--lap-primary-600);
}

.lr-root:not(.is-disabled) .lr-input:focus-visible + .lr-indicator[b-g91924u91q],
.lr-root.is-force-focus:not(.is-disabled) .lr-indicator[b-g91924u91q] {
	box-shadow: 0 0 0 calc(var(--lap-1) / 2) var(--lr-focus-ring-color);
	border-color: var(--lap-primary-400);
}
/* /Components/Shared/LapSectionNav.razor.rz.scp.css */
.lsn-root[b-oha1xo6xhl] {
  --lsn-sticky-offset: 0px;
  position: relative;
  z-index: 20;
  width: 100%;
  border-block: 1px solid var(--lap-gray-200);
  background: color-mix(in srgb, var(--lap-white) 94%, transparent);
  backdrop-filter: blur(.75rem);
}

.lsn-root.is-sticky[b-oha1xo6xhl] {
  position: sticky;
  top: var(--lsn-sticky-offset);
  box-shadow: var(--lap-shadow-2);
}

.lsn-root.is-reveal-fixed[b-oha1xo6xhl] {
  display: none;
}

.lsn-root.is-reveal-fixed.is-visible[b-oha1xo6xhl] {
  position: fixed;
  top: var(--lsn-fixed-top, 0);
  left: var(--lsn-fixed-left, 0);
  display: block;
  width: var(--lsn-fixed-width, 100%);
  box-shadow: var(--lap-shadow-2);
}

.lsn-list[b-oha1xo6xhl] {
  display: flex;
  justify-content: center;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}

.lsn-list[b-oha1xo6xhl]::-webkit-scrollbar {
  display: none;
}

.lsn-item[b-oha1xo6xhl] {
  flex: 0 0 auto;
}

.lsn-link[b-oha1xo6xhl] {
  position: relative;
  display: block;
  padding: var(--lap-5) var(--lap-6);
  color: var(--lap-text-secondary);
  font-weight: var(--lap-fw-semibold);
  text-decoration: none;
}

.lsn-link[b-oha1xo6xhl]::after {
  content: "";
  position: absolute;
  right: var(--lap-6);
  bottom: 0;
  left: var(--lap-6);
  height: .1875rem;
  border-radius: var(--lap-r-max) var(--lap-r-max) 0 0;
  background: var(--lap-primary-500);
  transform: scaleX(0);
  transition: transform var(--lap-motion);
}

.lsn-item.is-active .lsn-link[b-oha1xo6xhl],
.lsn-link:hover[b-oha1xo6xhl],
.lsn-link:focus-visible[b-oha1xo6xhl] {
  color: var(--lap-primary-600);
}

.lsn-item.is-active .lsn-link[b-oha1xo6xhl]::after {
  transform: scaleX(1);
}

.lsn-link:hover[b-oha1xo6xhl]::after,
.lsn-link:focus-visible[b-oha1xo6xhl]::after {
  transform: scaleX(1);
}

@media (max-width: 47.99875rem) {
  .lsn-list[b-oha1xo6xhl] {
    display: grid;
    grid-template-columns: repeat(var(--lsn-item-count), minmax(0, 1fr));
    width: 100%;
    max-width: none;
    overflow: visible;
  }

  .lsn-item[b-oha1xo6xhl] {
    min-width: 0;
  }

  .lsn-link[b-oha1xo6xhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--lap-1) * 13);
    padding: var(--lap-2);
    font-size: var(--lap-text-size2);
    line-height: 1.3;
    text-align: center;
    text-wrap: balance;
    word-break: keep-all;
  }

  .lsn-link[b-oha1xo6xhl]::after {
    right: var(--lap-2);
    left: var(--lap-2);
  }

  .lsn-root.is-compact .lsn-link[b-oha1xo6xhl] {
    padding-inline: var(--lap-1);
    font-size: var(--lap-text-size1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lsn-link[b-oha1xo6xhl]::after {
    transition: none;
  }
}
/* /Components/Shared/LapSelect.razor.rz.scp.css */
/* Components/Shared/LapSelect.razor.css
   ---------------------------------------------------------
   LapSelect CSS (Final)
   - Height: 48 / 36
   - Shape: Default(4px) / Pill(max)
   - Padding rules:
     - Default H48: L/R 16
     - Default H36: L/R 12
     - Pill H48/H36: L/R 20
     - With Left Icon: content 기준 left +8 / right +12 (간격 규칙 반영)
   - Right icon: default arrow-down (always down)
   - Progress: spinner shows, arrow hidden in Razor
   - Dropdown:
     - shadow
     - hover fills full line (no outer padding)
     - rounded: last item only
     - pill dropdown bottom radius: pill 느낌이 나도록 안정값(2xl) 적용
   - Outside click: backdrop closes
   --------------------------------------------------------- */

.ls-root[b-x6o4c22ot4] {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--lap-3);
	min-width: 0;
	/* ===== Size / Font ===== */
	--ls-h: var(--lap-12); /* 48 */
	--ls-font-size: var(--lap-text-size3); /* 16 */
	/* ===== Radius ===== */
	--ls-radius: var(--lap-r-sm); /* 4px */
	--ls-radius-pill: var(--lap-r-max); /* pill */
	/* ===== Base Padding (default) ===== */
	--ls-pad-left-base: var(--lap-4); /* 16 */
	--ls-pad-right-base: var(--lap-4); /* 16 */
	/* ===== Icon sizes ===== */
	--ls-left-icon-w: var(--lap-5); /* 20 */
	--ls-right-icon-w: var(--lap-4); /* 16 */
	/* ===== Icon gaps (content 기준) ===== */
	--ls-gap-left: var(--lap-2); /* 8 */
	--ls-gap-right: var(--lap-3); /* 12 */
	/* ===== Calculated paddings (content area) ===== */
	--ls-pad-left: var(--ls-pad-left-base);
	--ls-pad-right: calc(var(--ls-pad-right-base) + var(--ls-right-icon-w) + var(--ls-gap-right));
	/* ===== Colors ===== */
	--ls-bg: var(--lap-white);
	--ls-border: 1px solid var(--lap-gray-200);
	--ls-border-hover: 1px solid var(--lap-gray-300);
	--ls-border-focus: 1px solid var(--lap-primary-400);
	--ls-text: var(--lap-text-main);
	--ls-text-muted: var(--lap-text-disabled);
	--ls-icon: var(--lap-icon-tertiary);
	/* Hover overlay on trigger */
	--ls-hover-overlay: var(--lap-gray-100);
	/* ===== Dropdown ===== */
	--ls-menu-bg: var(--lap-white);
	--ls-menu-border: 1px solid var(--lap-gray-200);
	--ls-menu-shadow: var(--lap-shadow-2);
	--ls-item-hover-bg: var(--lap-gray-100);
	--ls-menu-max-height: calc(var(--ls-h) * 4);
	/* Width presets */
	--ls-w-big: 240px;
	--ls-w-content: clamp(132px, 18ch, 240px);
	/* Pill dropdown bottom radius (안정) */
	--ls-menu-bottom-radius: var(--lap-r-2xl);
}

/* Label */
.ls-label[b-x6o4c22ot4] {
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-medium);
	color: var(--lap-text-main);
}

/* =========================
   Height variants
   ========================= */
.ls-h48[b-x6o4c22ot4] {
	--ls-h: var(--lap-12); /* 48 */
	--ls-font-size: var(--lap-text-size3); /* 16 */
	--ls-right-icon-w: var(--lap-5); /* 20 (요구사항: 48은 아이콘 20) */
}

.ls-h36[b-x6o4c22ot4] {
	--ls-h: var(--lap-9); /* 36 */
	--ls-font-size: var(--lap-text-size2); /* 14 */
	--ls-right-icon-w: var(--lap-4); /* 16 */
}

/* =========================
   Shape variants
   ========================= */
.ls-shape-default[b-x6o4c22ot4] {
	--ls-radius: var(--lap-r-sm); /* 4px */
}

.ls-shape-pill[b-x6o4c22ot4] {
	--ls-radius: var(--lap-r-max);
	/* pill은 기본 L/R 20 */
	--ls-pad-left-base: var(--lap-5); /* 20 */
	--ls-pad-right-base: var(--lap-5); /* 20 */
}

/* Default padding rules */
.ls-h48.ls-shape-default[b-x6o4c22ot4] {
	--ls-pad-left-base: var(--lap-4); /* 16 */
	--ls-pad-right-base: var(--lap-4); /* 16 */
}

.ls-h36.ls-shape-default[b-x6o4c22ot4] {
	--ls-pad-left-base: var(--lap-3); /* 12 */
	--ls-pad-right-base: var(--lap-3); /* 12 */
}

/* Left icon presence -> content 기준 left +8 / right +12 규칙 반영 */
.ls-root.ls-has-left[b-x6o4c22ot4] {
	--ls-pad-left: calc(var(--ls-pad-left-base) + var(--ls-left-icon-w) + var(--ls-gap-left));
}

.ls-root.ls-no-left[b-x6o4c22ot4] {
	--ls-pad-left: var(--ls-pad-left-base);
}

/* =========================
   Width variants
   ========================= */
.ls-width-measurer[b-x6o4c22ot4] {
	display: none;
}

.ls-root.ls-w-content .ls-width-measurer[b-x6o4c22ot4] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}

.ls-width-measurer-text[b-x6o4c22ot4] {
	box-sizing: border-box;
	min-width: var(--ls-w-content);
	width: max-content;
	border: var(--ls-border);
	font-size: var(--ls-font-size);
	white-space: nowrap;
	padding-left: var(--ls-pad-left);
	padding-right: var(--ls-pad-right);
}

.ls-w-auto[b-x6o4c22ot4] {
	display: inline-block;
	width: auto;
}

.ls-w-big[b-x6o4c22ot4] {
	width: var(--ls-w-big);
}

.ls-w-content[b-x6o4c22ot4] {
	display: inline-flex;
	width: max-content;
	max-width: 100%;
	gap: 0;
}

.ls-w-content .ls-label[b-x6o4c22ot4] {
	margin-bottom: var(--lap-3);
}

.ls-w-full[b-x6o4c22ot4] {
	width: 100%;
}

/* ✅ 모바일에서만 100% 강제 옵션 */
@media (max-width: 991.98px) {
	.ls-mobile-full[b-x6o4c22ot4] {
		width: 100% !important;
	}
}

/* =========================
   Trigger box
   ========================= */
.ls-box[b-x6o4c22ot4] {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	height: var(--ls-h);
	background: var(--ls-bg);
	border: var(--ls-border);
	border-radius: var(--ls-radius);
	transition: border-color var(--lap-motion-fast) ease, background-color var(--lap-motion-fast) ease;
	cursor: pointer;
	outline: none;
}

/* Open state: box above layers */
.ls-root.is-open .ls-box[b-x6o4c22ot4] {
	z-index: 60; /* backdrop(40) / menu(55) 보다 위 */
}

/* Hover */
.ls-root:not(.is-disabled) .ls-box:hover[b-x6o4c22ot4],
.ls-root.is-force-hover:not(.is-disabled) .ls-box[b-x6o4c22ot4] {
	background: var(--ls-hover-overlay);
	border: var(--ls-border-hover);
}

/* Focus (강제 포함) */
.ls-root:not(.is-disabled) .ls-box:focus[b-x6o4c22ot4],
.ls-root:not(.is-disabled) .ls-box:focus-within[b-x6o4c22ot4],
.ls-root.is-force-focus:not(.is-disabled) .ls-box[b-x6o4c22ot4] {
	border: var(--ls-border-focus);
}

/* Disabled */
.is-disabled .ls-box[b-x6o4c22ot4] {
	background: var(--lap-gray-100);
	border-color: var(--lap-gray-200);
	cursor: not-allowed;
}

/* =========================
   Icons
   ========================= */
.ls-ico-left[b-x6o4c22ot4] {
	position: absolute;
	left: var(--ls-pad-left-base);
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--ls-icon);
}

.ls-right[b-x6o4c22ot4] {
	position: absolute;
	right: var(--ls-pad-right-base);
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--ls-icon);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Disabled icon colors */
.is-disabled .ls-right[b-x6o4c22ot4],
.is-disabled .ls-ico-left[b-x6o4c22ot4] {
	color: var(--lap-icon-disabled);
}

/* =========================
   Value / Placeholder
   ========================= */
.ls-value[b-x6o4c22ot4] {
	width: 100%;
	min-width: 0;
	font-size: var(--ls-font-size);
	color: var(--ls-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: var(--ls-pad-left);
	padding-right: var(--ls-pad-right);
}

.ls-placeholder[b-x6o4c22ot4] {
	color: var(--ls-text-muted);
	font-weight: var(--lap-fw-regular);
}

.is-disabled .ls-value[b-x6o4c22ot4],
.is-disabled .ls-placeholder[b-x6o4c22ot4] {
	color: var(--lap-text-disabled);
}

/* =========================
   Backdrop (outside click close)
   ========================= */
.ls-backdrop[b-x6o4c22ot4] {
	position: fixed;
	inset: 0;
	z-index: 40;
	background: transparent;
}

/* =========================
   Dropdown menu
   ========================= */
.ls-menu[b-x6o4c22ot4] {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + var(--lap-1));
	background: var(--ls-menu-bg);
	border: var(--ls-menu-border);
	box-shadow: var(--ls-menu-shadow);
	padding: 0; /* ✅ 바깥 패딩 0 */
	z-index: 55; /* backdrop(40) < menu(55) < box(60) */

	border-radius: var(--lap-r-sm);
	overflow: hidden; /* ✅ hover가 라운드 밖으로 튀지 않게 */
}

.ls-options[b-x6o4c22ot4] {
	max-height: var(--ls-menu-max-height);
	overflow-y: auto;
}

/* =========================
   Search
   ========================= */
.ls-search[b-x6o4c22ot4] {
	position: relative;
	display: flex;
	align-items: center;
	padding: var(--lap-2);
	background: var(--ls-menu-bg);
	border-bottom: 1px solid var(--lap-gray-200);
}

.ls-search-icon[b-x6o4c22ot4] {
	position: absolute;
	left: var(--lap-4);
	color: var(--lap-icon-tertiary);
	pointer-events: none;
}

.ls-search-input[b-x6o4c22ot4] {
	width: 100%;
	min-width: 0;
	height: var(--lap-8);
	padding: 0 var(--lap-3) 0 var(--lap-8);
	color: var(--ls-text);
	font-size: var(--lap-text-size2);
	background: var(--lap-white);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-sm);
	outline: none;
}

.ls-search-input[b-x6o4c22ot4]::placeholder {
	color: var(--ls-text-muted);
}

.ls-search-input:focus-visible[b-x6o4c22ot4] {
	border-color: var(--lap-primary-400);
}

.ls-empty[b-x6o4c22ot4] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: var(--ls-h);
	padding: var(--lap-3);
	color: var(--lap-text-tertiary);
	font-size: var(--ls-font-size);
	text-align: center;
}

/* Shape별 드롭다운 라운드 규칙 */
.ls-root.ls-shape-default .ls-menu[b-x6o4c22ot4] {
	border-radius: var(--lap-r-sm);
}

/* Pill: 상단은 4px 느낌 / 하단은 pill 느낌 */
.ls-root.ls-shape-pill .ls-menu[b-x6o4c22ot4] {
	border-top-left-radius: var(--lap-r-sm);
	border-top-right-radius: var(--lap-r-sm);
	border-bottom-left-radius: var(--ls-menu-bottom-radius);
	border-bottom-right-radius: var(--ls-menu-bottom-radius);
}

/* =========================
   Items
   ========================= */
.ls-item[b-x6o4c22ot4] {
	width: 100%;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0;
	border-radius: 0;
}

.ls-item-inner[b-x6o4c22ot4] {
	height: var(--ls-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lap-2);
	/* ✅ 호버가 “전체 라인”을 덮도록: item 자체는 패딩 0, inner에만 패딩 */
	padding-left: var(--ls-pad-left-base);
	padding-right: var(--ls-pad-right-base);
	background: transparent;
	border-radius: 0;
}

.ls-item-text[b-x6o4c22ot4] {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: var(--ls-font-size);
	color: var(--ls-text);
}

.ls-item-suffix[b-x6o4c22ot4] {
	flex: 0 0 auto;
	min-width: var(--lap-6);
	padding: 2px var(--lap-2);
	border-radius: var(--lap-r-max);
	color: var(--lap-text-secondary);
	background: var(--lap-gray-200);
	font-size: var(--lap-text-size1);
	line-height: 1.4;
	text-align: center;
}

.ls-item-mark[b-x6o4c22ot4] {
	flex: 0 0 auto;
}

/* Hover: inner 전체가 덮임(여백 0) */
.ls-item:hover .ls-item-inner[b-x6o4c22ot4],
.ls-item.is-active .ls-item-inner[b-x6o4c22ot4] {
	background: var(--ls-item-hover-bg);
}

/* Selected */
.ls-item.is-selected .ls-item-inner[b-x6o4c22ot4] {
	background: color-mix(in srgb, var(--lap-gray-100) 70%, var(--lap-white));
}

/* ✅ 마지막 항목만 하단 라운드 */
.ls-root.ls-shape-default .ls-item:last-child .ls-item-inner[b-x6o4c22ot4] {
	border-bottom-left-radius: var(--lap-r-sm);
	border-bottom-right-radius: var(--lap-r-sm);
}

.ls-root.ls-shape-pill .ls-item:last-child .ls-item-inner[b-x6o4c22ot4] {
	border-bottom-left-radius: var(--ls-menu-bottom-radius);
	border-bottom-right-radius: var(--ls-menu-bottom-radius);
}

/* Disabled items (전체 select disabled일 때 버튼이 disabled로 들어옴) */
.ls-item:disabled[b-x6o4c22ot4] {
	cursor: not-allowed;
}

	.ls-item:disabled .ls-item-text[b-x6o4c22ot4] {
		color: var(--lap-text-disabled);
	}

	.ls-item:disabled:hover .ls-item-inner[b-x6o4c22ot4] {
		background: transparent;
	}

/* =========================
   Spinner (Progress)
   ========================= */
.ls-spinner[b-x6o4c22ot4] {
	/* 48이면 icon 20, 36이면 16이지만 spinner는 시각적으로 20이 안정적 */
	width: var(--lap-5);
	height: var(--lap-5);
	border-radius: 9999px;
	border: 2px solid color-mix(in srgb, var(--lap-primary-200) 70%, transparent);
	border-top-color: var(--lap-primary-500);
	animation: ls-spin-b-x6o4c22ot4 0.8s linear infinite;
}

@keyframes ls-spin-b-x6o4c22ot4 {
	to {
		transform: rotate(360deg);
	}
}
/* /Components/Shared/LapStatusChip.razor.rz.scp.css */
/* Components/Shared/LapStatusChip.razor.css */

.lsc-root[b-1vfoycayqa] {
	--lsc-h: var(--lap-7);
	--lsc-px: var(--lap-2);
	--lsc-min-w: calc(var(--lap-1) * 25);
	--lsc-font-size: var(--lap-text-size2);
	--lsc-bg: var(--lap-danger-50);
	--lsc-border: var(--lap-danger-500);
	--lsc-text: var(--lap-danger-500);

	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--lsc-h);
	padding: 0 var(--lsc-px);
	border: 1px solid var(--lsc-border);
	border-radius: var(--lap-r-max);
	background: var(--lsc-bg);
	color: var(--lsc-text);
	font-family: var(--lap-font-family);
	font-size: var(--lsc-font-size);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	user-select: none;
}

.lsc-width-min[b-1vfoycayqa] {
	min-width: var(--lsc-min-w);
}

.lsc-large[b-1vfoycayqa] {
	--lsc-h: var(--lap-7);
	--lsc-px: var(--lap-2);
	--lsc-min-w: calc(var(--lap-1) * 25);
	--lsc-font-size: var(--lap-text-size2);
}

.lsc-small[b-1vfoycayqa] {
	--lsc-h: var(--lap-6);
	--lsc-px: var(--lap-2);
	--lsc-min-w: calc(var(--lap-1) * 18);
	--lsc-font-size: var(--lap-text-size1);
}

.lsc-text[b-1vfoycayqa] {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0;
}

.lsc-color-danger[b-1vfoycayqa] {
	--lsc-bg: var(--lap-danger-50);
	--lsc-border: var(--lap-danger-500);
	--lsc-text: var(--lap-danger-500);
}

.lsc-color-warning[b-1vfoycayqa] {
	--lsc-bg: var(--lap-warning-50);
	--lsc-border: var(--lap-warning-500);
	--lsc-text: var(--lap-warning-500);
}

.lsc-color-success[b-1vfoycayqa] {
	--lsc-bg: var(--lap-success-50);
	--lsc-border: var(--lap-success-500);
	--lsc-text: var(--lap-success-500);
}

.lsc-color-information[b-1vfoycayqa] {
	--lsc-bg: var(--lap-information-50);
	--lsc-border: var(--lap-information-500);
	--lsc-text: var(--lap-information-500);
}

.lsc-color-primary[b-1vfoycayqa] {
	--lsc-bg: var(--lap-primary-50);
	--lsc-border: var(--lap-primary-500);
	--lsc-text: var(--lap-primary-500);
}

.lsc-color-neutral[b-1vfoycayqa] {
	--lsc-bg: var(--lap-gray-100);
	--lsc-border: var(--lap-gray-500);
	--lsc-text: var(--lap-gray-700);
}

.lsc-variant-line[b-1vfoycayqa] {
	--lsc-bg: transparent;
}

.lsc-variant-soft[b-1vfoycayqa] {
	border-color: transparent;
}
/* /Components/Shared/LapStepIndicator.razor.rz.scp.css */
.lsi-root[b-e59rw8dewf] { --lsi-current-color:#1967f3; display:flex; align-items:flex-start; padding:var(--lap-5) min(248px,15.35vw); border:1px solid var(--lap-gray-200); border-radius:var(--lap-r-lg); background:var(--lap-white); }
.lsi-step[b-e59rw8dewf] { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:var(--lap-3); color:var(--lap-text-tertiary); font-size:var(--lap-text-size2); font-weight:var(--lap-fw-bold); white-space:nowrap; }
.lsi-number[b-e59rw8dewf] { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--lap-gray-200); }
.lsi-step.is-current[b-e59rw8dewf] { color:var(--lsi-current-color); }
.lsi-step.is-current .lsi-number[b-e59rw8dewf] { color:var(--lap-white); background:var(--lsi-current-color); }
.lsi-step.is-done .lsi-number[b-e59rw8dewf] { color:var(--lap-primary-500); background:var(--lap-primary-50); }
.lsi-line[b-e59rw8dewf] { flex:1 1 120px; height:1px; margin:20px var(--lap-6) 0; background:var(--lap-gray-300); }

@media (max-width:767.98px) {
    .lsi-root[b-e59rw8dewf] { justify-content:space-between; padding:var(--lap-5); overflow:hidden; }
    .lsi-step[b-e59rw8dewf] { font-size:14px; }
    .lsi-number[b-e59rw8dewf] { width:40px; height:40px; }
    .lsi-line[b-e59rw8dewf] { display:none; }
}
/* /Components/Shared/LapTabs.razor.rz.scp.css */
.ltabs-root[b-2z0iolgskz] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--lap-primary-400);
    scrollbar-width: none;
}

.ltabs-root[b-2z0iolgskz]::-webkit-scrollbar {
    display: none;
}

.ltabs-tab[b-2z0iolgskz] {
    position: relative;
    flex: 0 0 auto;
    min-width: calc(var(--lap-1) * 38);
    min-height: var(--lap-11);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--lap-2);
    padding: 0 var(--lap-6);
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: var(--lap-r-md) var(--lap-r-md) 0 0;
    background: transparent;
    color: var(--lap-text-secondary);
    font-size: var(--lap-text-size2);
    font-weight: var(--lap-fw-semibold);
    line-height: var(--lap-lh-normal);
    white-space: nowrap;
    transition: color var(--lap-motion-fast) ease, background var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease;
}

.ltabs-tab:hover[b-2z0iolgskz] {
    color: var(--lap-color-primary);
    background: var(--lap-primary-50);
}

.ltabs-tab:focus-visible[b-2z0iolgskz] {
    outline: 2px solid var(--lap-primary-300);
    outline-offset: -2px;
}

.ltabs-tab.is-active[b-2z0iolgskz] {
    border-color: var(--lap-primary-400);
    background: var(--lap-white);
    color: var(--lap-color-primary);
}

.ltabs-tab.is-active[b-2z0iolgskz]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: var(--lap-white);
}

.ltabs-text[b-2z0iolgskz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ltabs-count[b-2z0iolgskz] {
    min-width: var(--lap-6);
    height: var(--lap-6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--lap-2);
    border-radius: var(--lap-r-max);
    background: var(--lap-gray-100);
    color: var(--lap-text-tertiary);
    font-size: var(--lap-text-size1);
    font-weight: var(--lap-fw-semibold);
}

.ltabs-tab.is-active .ltabs-count[b-2z0iolgskz] {
    background: var(--lap-primary-50);
    color: var(--lap-color-primary);
}

@media (max-width: 767.98px) {
    .ltabs-root[b-2z0iolgskz] {
        margin-left: 0;
        margin-right: calc(var(--lap-4) * -1);
        padding-left: var(--lap-4);
        padding-right: var(--lap-4);
    }

    .ltabs-tab[b-2z0iolgskz] {
        min-width: auto;
        min-height: var(--lap-10);
        padding: 0 var(--lap-5);
    }
}
/* /Components/Shared/LapToggle.razor.rz.scp.css */
.lt-root[b-fe3simwjp2] {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: var(--lap-2);
	min-width: 0;
	cursor: pointer;
	user-select: none;

	--lt-track-w: 38px;
	--lt-track-h: var(--lap-5);
	--lt-thumb-size: 18px;
	--lt-thumb-offset: 1px;
	--lt-thumb-x: 0;
	--lt-track-bg: var(--lap-gray-200);
	--lt-thumb-bg: var(--lap-white);
	--lt-text-color: var(--lap-text-secondary);
	--lt-focus-ring-color: color-mix(in srgb, var(--lap-primary-200) 65%, transparent);
}

.lt-input[b-fe3simwjp2] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.lt-track[b-fe3simwjp2] {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	width: var(--lt-track-w);
	height: var(--lt-track-h);
	border-radius: var(--lap-r-max);
	background: var(--lt-track-bg);
	transition: background-color var(--lap-motion-fast) ease, box-shadow var(--lap-motion-fast) ease;
}

.lt-thumb[b-fe3simwjp2] {
	position: absolute;
	top: var(--lt-thumb-offset);
	left: var(--lt-thumb-offset);
	width: var(--lt-thumb-size);
	height: var(--lt-thumb-size);
	border-radius: var(--lap-r-max);
	background: var(--lt-thumb-bg);
	transform: translateX(var(--lt-thumb-x));
	transition: transform var(--lap-motion-fast) ease, background-color var(--lap-motion-fast) ease;
}

.lt-text[b-fe3simwjp2] {
	min-width: 0;
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-regular);
	line-height: var(--lap-lh-normal);
	color: var(--lt-text-color);
}

.lt-root.is-checked:not(.is-disabled)[b-fe3simwjp2] {
	--lt-track-bg: var(--lap-primary-400);
	--lt-thumb-x: calc(var(--lt-track-w) - var(--lt-thumb-size) - (var(--lt-thumb-offset) * 2));
	--lt-thumb-bg: var(--lap-white);
}

.lt-root.is-unchecked:not(.is-disabled)[b-fe3simwjp2] {
	--lt-track-bg: var(--lap-gray-200);
	--lt-thumb-x: 0;
	--lt-thumb-bg: var(--lap-white);
}

.lt-root.is-disabled[b-fe3simwjp2] {
	cursor: not-allowed;
	--lt-track-bg: var(--lap-gray-200);
	--lt-thumb-bg: var(--lap-gray-300);
	--lt-text-color: var(--lap-text-disabled);
}

.lt-root.is-disabled.is-checked[b-fe3simwjp2] {
	--lt-thumb-x: calc(var(--lt-track-w) - var(--lt-thumb-size) - (var(--lt-thumb-offset) * 2));
}

.lt-root.is-disabled.is-unchecked[b-fe3simwjp2] {
	--lt-thumb-x: 0;
}

.lt-root:not(.is-disabled):hover .lt-track[b-fe3simwjp2],
.lt-root.is-force-hover:not(.is-disabled) .lt-track[b-fe3simwjp2] {
	background: color-mix(in srgb, var(--lt-track-bg) 88%, var(--lap-primary-400));
}

.lt-root.is-checked:not(.is-disabled):hover .lt-track[b-fe3simwjp2],
.lt-root.is-checked.is-force-hover:not(.is-disabled) .lt-track[b-fe3simwjp2] {
	background: var(--lap-primary-600);
}

.lt-root:not(.is-disabled) .lt-input:focus-visible + .lt-track[b-fe3simwjp2],
.lt-root.is-force-focus:not(.is-disabled) .lt-track[b-fe3simwjp2] {
	box-shadow: 0 0 0 calc(var(--lap-1) / 2) var(--lt-focus-ring-color);
}
/* /Components/Shared/LapToggleCategoryBar.razor.rz.scp.css */
/* Components/Shared/LapToggleCategoryBar.razor.css */

.ltcb-wrap[b-ye55kadezm] {
    width: 100%;
}

.ltcb-card[b-ye55kadezm] {
    height: fit-content;
}

.ltcb-nav[b-ye55kadezm] {
    min-width: 0;
}

.ltcb-root-list[b-ye55kadezm] {
    margin-bottom: 0;
}

.ltcb-group-list[b-ye55kadezm] {
    display: flex;
    flex-direction: column;
}

.ltcb-group[b-ye55kadezm] {
    padding: 0;
    cursor: default;
}

.ltcb-group-button[b-ye55kadezm] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: var(--lap-3);
    border: 0;
    background: transparent;
    color: var(--lap-text-tertiary);
    cursor: pointer;
    font-weight: var(--lap-fw-semibold);
    padding: var(--lap-3) var(--lap-1);
    text-align: left;
}

.ltcb-group-button:hover[b-ye55kadezm],
.ltcb-group.is-open .ltcb-group-button[b-ye55kadezm] {
    color: var(--lap-text-main);
}

.ltcb-chevron[b-ye55kadezm] {
    flex: 0 0 auto;
    color: var(--lap-text-muted);
    transition: transform var(--lap-motion-fast) ease;
}

.ltcb-group.is-open .ltcb-chevron[b-ye55kadezm] {
    transform: rotate(180deg);
}

.ltcb-child-panel[b-ye55kadezm] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows var(--lap-motion) ease;
}

.ltcb-child-list[b-ye55kadezm] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: var(--lap-1);
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ltcb-group.is-open .ltcb-child-panel[b-ye55kadezm] {
    grid-template-rows: 1fr;
}

.ltcb-group.is-open .ltcb-child-list[b-ye55kadezm] {
    padding-bottom: var(--lap-2);
}

.ltcb-item[b-ye55kadezm] {
    padding: 0;
    color: var(--lap-text-tertiary);
    transition: color var(--lap-motion-fast) ease, background-color var(--lap-motion-fast) ease;
}

.ltcb-item:hover[b-ye55kadezm],
.ltcb-item.is-active[b-ye55kadezm] {
    color: var(--lap-text-main);
}

.ltcb-item.is-active[b-ye55kadezm] {
    font-weight: var(--lap-fw-semibold);
}

.ltcb-item[b-ye55kadezm]  a,
.ltcb-item span[b-ye55kadezm] {
    display: block;
    color: inherit;
    padding: var(--lap-2) 0;
    text-decoration: none;
    width: 100%;
}

.ltcb-child-list .ltcb-item[b-ye55kadezm]  a,
.ltcb-child-list .ltcb-item span[b-ye55kadezm] {
    padding-left: var(--lap-3);
}

@media (max-width: 991.98px) {
    .ltcb-wrap[b-ye55kadezm] {
        position: static;
        top: auto;
        margin-top: var(--lap-5);
    }
}
/* /Components/Shared/LapTooltip.razor.rz.scp.css */
.lt-root[b-k6qbr906ir] {
	display: inline-flex;
	min-width: 0;
	vertical-align: middle;
}

.lt-trigger[b-k6qbr906ir] {
	display: inline-flex;
	min-width: 0;
}

.lt-popup[b-k6qbr906ir] {
	position: fixed;
	left: var(--lt-left, 0);
	top: var(--lt-top, 0);
	/* 모달 안의 상품 코드에서도 이미지 툴팁이 패널 위에 표시되어야 한다. */
	z-index: 1120;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-2px) scale(0.98);
	transform-origin: center bottom;
	transition:
		opacity var(--lap-motion-fast) ease,
		transform var(--lap-motion-fast) ease,
		visibility 0s linear var(--lap-motion-fast);
}

.lt-content[b-k6qbr906ir] {
	display: block;
	overflow: hidden;
	padding: var(--lap-2);
	border: 1px solid var(--lap-gray-200);
	border-radius: var(--lap-r-xl);
	background: var(--lap-white);
	box-shadow: var(--lap-shadow-3);
	color: var(--lap-text-main);
	font-family: var(--lap-font-family);
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal);
	white-space: normal;
}

.lt-root.is-open .lt-popup[b-k6qbr906ir],
.lt-popup.is-open[b-k6qbr906ir] {
	visibility: visible;
	opacity: 1;
	transform: translateY(0) scale(1);
	transition-delay: 0s;
}

.lt-width-auto .lt-popup[b-k6qbr906ir] {
	width: max-content;
	max-width: min(calc(100vw - var(--lap-6)), calc(var(--lap-1) * 80));
}

.lt-width-small .lt-popup[b-k6qbr906ir] {
	width: min(calc(100vw - var(--lap-6)), calc(var(--lap-1) * 45));
}

.lt-width-medium .lt-popup[b-k6qbr906ir] {
	width: min(calc(100vw - var(--lap-6)), calc(var(--lap-1) * 60));
}

.lt-width-large .lt-popup[b-k6qbr906ir] {
	width: min(calc(100vw - var(--lap-6)), calc(var(--lap-1) * 80));
}

.lt-arrow[b-k6qbr906ir] {
	position: absolute;
	left: calc(var(--lt-arrow-left, 50%) - var(--lap-1));
	width: var(--lap-2);
	height: var(--lap-2);
	background: var(--lap-white);
	transform: rotate(45deg);
}

.lt-popup[data-resolved-placement="top"] .lt-arrow[b-k6qbr906ir] {
	bottom: calc(var(--lap-1) * -1);
	border-right: 1px solid var(--lap-gray-200);
	border-bottom: 1px solid var(--lap-gray-200);
}

.lt-popup[data-resolved-placement="bottom"][b-k6qbr906ir] {
	transform-origin: center top;
}

.lt-popup[data-resolved-placement="bottom"] .lt-arrow[b-k6qbr906ir] {
	top: calc(var(--lap-1) * -1);
	border-top: 1px solid var(--lap-gray-200);
	border-left: 1px solid var(--lap-gray-200);
}

@media (max-width: 767.98px), (hover: none), (pointer: coarse) {
	.lt-popup[b-k6qbr906ir] {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lt-popup[b-k6qbr906ir] {
		transition: none;
	}
}
/* /Components/Shared/ModalHost.razor.rz.scp.css */
/* Components/Shared/ModalHost.razor.css */

/* ✅ ModalHost는 LapModal.FooterContent 안에서 버튼 배치만 담당 */
.mhost-message[b-l64lcm8fsz] {
	white-space: pre-line;
}

.mhost-foot[b-l64lcm8fsz] {
	display: flex;
	justify-content: flex-end;
	gap: var(--lap-2); /* 8px */
}

.mhost-foot[b-l64lcm8fsz] {
	display: flex;
	justify-content: center;
	gap: var(--lap-3);
	width: 100%;
}

	.mhost-foot .lap-btn[b-l64lcm8fsz] {
		flex: 1;
		height: 48px;
	}

@media (max-width: 767.98px) {
	/* 모바일에서 버튼을 세로 스택으로 바꾸고 싶으면 아래 주석 해제 */
	/* .mhost-foot { flex-direction: column; } */
}
/* /Components/Shared/Policies/PolicyDocumentView.razor.rz.scp.css */
.pdv-root[b-wwzj1cbu37] {
	color: var(--lap-text-main);
	font-size: var(--lap-text-size2);
	line-height: var(--lap-lh-normal-plus);
	min-width: 0;
	overflow-wrap: anywhere;
}

.pdv-root[b-wwzj1cbu37]  p {
	margin-bottom: var(--lap-4);
}

.pdv-root[b-wwzj1cbu37]  .pdv-section-title {
	margin-top: var(--lap-6);
	margin-bottom: var(--lap-3);
	color: var(--lap-primary-600);
	font-size: var(--lap-text-size3);
	font-weight: var(--lap-fw-bold);
	line-height: var(--lap-lh-normal);
}

.pdv-root[b-wwzj1cbu37]  .pdv-chapter-title {
	margin-top: var(--lap-7);
	margin-bottom: var(--lap-4);
	color: var(--lap-text-primary);
	font-size: var(--lap-text-size4);
	font-weight: var(--lap-fw-bold);
}

.pdv-root[b-wwzj1cbu37]  .pdv-subsection-title {
	margin-top: var(--lap-5);
	margin-bottom: var(--lap-3);
	color: var(--lap-text-primary);
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-bold);
}

.pdv-root[b-wwzj1cbu37]  .pdv-list-title {
	margin-top: var(--lap-5);
	margin-bottom: var(--lap-2);
	color: var(--lap-text-primary);
	font-weight: var(--lap-fw-bold);
}

.pdv-root[b-wwzj1cbu37]  .pdv-list {
	margin: 0 0 var(--lap-5);
	padding-left: var(--lap-6);
	list-style: disc;
}

.pdv-root[b-wwzj1cbu37]  .pdv-list li {
	padding-left: var(--lap-1);
}

.pdv-root[b-wwzj1cbu37]  .pdv-list li + li {
	margin-top: var(--lap-2);
}

.pdv-root[b-wwzj1cbu37]  a,
.pdv-version-button[b-wwzj1cbu37] {
	color: var(--lap-primary-600);
	font-weight: var(--lap-fw-medium);
	text-decoration: underline;
	text-underline-offset: var(--lap-1);
}

.pdv-version-button[b-wwzj1cbu37] {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
}

.pdv-root[b-wwzj1cbu37]  a:hover,
.pdv-root[b-wwzj1cbu37]  a:focus-visible,
.pdv-version-button:hover[b-wwzj1cbu37],
.pdv-version-button:focus-visible[b-wwzj1cbu37] {
	color: var(--lap-primary-700);
}

.pdv-root[b-wwzj1cbu37]  strong {
	font-weight: var(--lap-fw-bold);
}
/* /Components/Shared/ProductSearchPanel.razor.rz.scp.css */
.psp-root[b-yjvrm5eicm] {
	position: absolute;
	top: var(--h-header-base, 48px);
	left: 0;
	right: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	height: min(900px, calc(100vh - var(--h-header-base, 48px)));
	max-height: calc(100vh - var(--h-header-base, 48px));
	padding: var(--lap-6);
	border: 1px solid var(--lap-gray-200);
	background: var(--lap-surface-0);
	box-shadow: var(--lap-shadow-6);
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--lap-motion, 200ms) ease-out;
	will-change: opacity;
}

.psp-root.is-visible[b-yjvrm5eicm] {
	opacity: 1;
	pointer-events: auto;
}

.psp-root.is-closing[b-yjvrm5eicm] {
	transition-timing-function: ease-in;
}

.psp-close[b-yjvrm5eicm] {
	position: absolute;
	top: var(--lap-4);
	right: var(--lap-5);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	color: var(--lap-text-main);
	transition: background-color var(--lap-motion-fast) ease;
}

.psp-close:hover[b-yjvrm5eicm],
.psp-close:focus-visible[b-yjvrm5eicm] {
	background: var(--lap-gray-200);
}

.psp-search-row[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	width: min(846px, 100%);
	margin: 0 auto var(--lap-2);
}

.psp-recent[b-yjvrm5eicm] {
	display: flex;
	flex: 0 0 60px;
	flex-direction: column;
	gap: var(--lap-1);
	width: min(846px, 100%);
	min-width: 0;
	margin: 0 auto var(--lap-3);
}

.psp-recent-head[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 20px;
}

.psp-recent-head strong[b-yjvrm5eicm] {
	color: var(--lap-text-main);
	font-size: var(--lap-text-size1);
	font-weight: var(--lap-fw-bold);
}

.psp-recent-clear[b-yjvrm5eicm] {
	padding: 0;
	background: transparent;
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size1);
}

.psp-recent-clear:hover[b-yjvrm5eicm],
.psp-recent-clear:focus-visible[b-yjvrm5eicm] {
	color: var(--lap-primary-600);
}

.psp-recent-list[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	gap: var(--lap-2);
	min-width: 0;
	height: 32px;
	padding: 1px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.psp-recent-empty[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	height: 32px;
	margin: 0;
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size1);
}

.psp-recent-capsule[b-yjvrm5eicm] {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	height: 28px;
	overflow: hidden;
	border: 1px solid var(--lap-gray-400);
	border-radius: var(--lap-r-max);
	background: var(--lap-surface-0);
	color: var(--lap-text-muted);
	transition: color var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease, background var(--lap-motion-fast) ease;
}

.psp-recent-capsule:hover[b-yjvrm5eicm],
.psp-recent-capsule:focus-within[b-yjvrm5eicm] {
	border-color: var(--lap-primary-500);
	background: var(--lap-primary-50);
	color: var(--lap-primary-600);
}

.psp-recent-keyword[b-yjvrm5eicm],
.psp-recent-remove[b-yjvrm5eicm] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: transparent;
	color: inherit;
}

.psp-recent-keyword[b-yjvrm5eicm] {
	max-width: 180px;
	padding: 0 var(--lap-2) 0 var(--lap-3);
	overflow: hidden;
	font-size: var(--lap-text-size1);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.psp-recent-remove[b-yjvrm5eicm] {
	width: 26px;
	padding: 0 var(--lap-2) 0 var(--lap-1);
	font-size: var(--lap-text-size3);
	line-height: 1;
}

.psp-recent-keyword:focus-visible[b-yjvrm5eicm],
.psp-recent-remove:focus-visible[b-yjvrm5eicm] {
	outline: 1px solid var(--lap-primary-500);
	outline-offset: -2px;
}

.psp-back[b-yjvrm5eicm] {
	display: none;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	color: var(--lap-text-main);
	background: transparent;
}

.psp-grid[b-yjvrm5eicm] {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1fr);
	column-gap: var(--lap-6);
	overflow: hidden;
}

.psp-section[b-yjvrm5eicm] {
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: var(--lap-3) 0;
	border-bottom: 1px solid var(--lap-gray-300);
}

.psp-section.is-disabled[b-yjvrm5eicm] {
	opacity: 0.46;
}

.psp-section.is-disabled .psp-section-head[b-yjvrm5eicm],
.psp-section.is-disabled .psp-pill[b-yjvrm5eicm] {
	cursor: default;
}

.psp-section-head[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 24px;
	color: var(--lap-text-main);
	background: transparent;
	text-align: left;
}

.psp-section-head strong[b-yjvrm5eicm] {
	font-size: var(--lap-text-size2);
	font-weight: var(--lap-fw-bold);
}

.psp-number[b-yjvrm5eicm] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-right: var(--lap-3);
	border-radius: 50%;
	background: var(--lap-primary-500);
	color: var(--lap-white);
	font-size: 10px;
	font-weight: var(--lap-fw-bold);
}

.psp-chevron[b-yjvrm5eicm] {
	display: none;
	margin-left: auto;
	transition: transform var(--lap-motion-fast) ease;
}

.psp-section-body[b-yjvrm5eicm] {
	min-height: 0;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--lap-2) var(--lap-5) var(--lap-2);
	overflow: hidden;
}

.psp-section-body p[b-yjvrm5eicm] {
	margin: 0 0 var(--lap-2);
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size2);
}

.psp-pills[b-yjvrm5eicm] {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: var(--lap-2);
	min-height: 32px;
}

.psp-empty-option[b-yjvrm5eicm] {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size2);
}

.psp-overflow-box[b-yjvrm5eicm] {
	box-sizing: border-box;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.psp-overflow-box.has-overflow[b-yjvrm5eicm] {
	padding: var(--lap-2) 10px;
	border: 1px solid var(--lap-gray-400);
	border-radius: var(--lap-r-lg);
	background: var(--lap-gray-50);
	box-shadow: none;
	scrollbar-gutter: stable;
}

.psp-section-material .psp-section-body[b-yjvrm5eicm] {
	padding-right: var(--lap-7);
	padding-left: var(--lap-7);
}

.psp-section-material .psp-pills[b-yjvrm5eicm] {
	box-sizing: border-box;
	max-height: 130px;
}

.psp-section-material .psp-pills.has-overflow[b-yjvrm5eicm] {
	padding-right: 10px;
	padding-left: 10px;
}

.psp-pill[b-yjvrm5eicm] {
	min-height: 32px;
	padding: 0 var(--lap-4);
	border: 1px solid var(--lap-gray-400);
	border-radius: 999px;
	background: var(--lap-surface-0);
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size2);
	transition: color var(--lap-motion-fast) ease, border-color var(--lap-motion-fast) ease, background var(--lap-motion-fast) ease;
}

.psp-pill:focus-visible[b-yjvrm5eicm],
.psp-pill.is-active[b-yjvrm5eicm] {
	border-color: var(--lap-primary-500);
	background: var(--lap-primary-50);
	color: var(--lap-primary-600);
}

/* 터치 브라우저의 고정 hover가 해제된 필터를 계속 선택색으로 보이지 않게 한다. */
@media (hover: hover) and (pointer: fine) {
	.psp-pill:hover[b-yjvrm5eicm] {
		border-color: var(--lap-primary-500);
		background: var(--lap-primary-50);
		color: var(--lap-primary-600);
	}
}

.psp-pill:disabled[b-yjvrm5eicm] {
	cursor: not-allowed;
	border-color: var(--lap-gray-300);
	background: var(--lap-gray-100);
	color: var(--lap-text-muted);
	opacity: 0.5;
}

.psp-size-fields[b-yjvrm5eicm] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lap-3);
}

.psp-section-body small[b-yjvrm5eicm] {
	display: block;
	margin-top: var(--lap-2);
	color: var(--lap-text-muted);
	font-size: var(--lap-text-size1);
}

.psp-actions[b-yjvrm5eicm] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--lap-3);
	padding-top: var(--lap-4);
}

.psp-actions[b-yjvrm5eicm]  .psp-reset {
	min-width: 140px;
}

.psp-actions[b-yjvrm5eicm]  .psp-submit {
	min-width: 220px;
}

.psp-reset-label-mobile[b-yjvrm5eicm] {
	display: none;
}

.psp-error[b-yjvrm5eicm] {
	margin: var(--lap-3) 0 0;
	color: var(--lap-danger-500);
	font-size: var(--lap-text-size2);
}

@media (max-width: 767.98px) {
	.psp-root[b-yjvrm5eicm] {
		position: fixed;
		top: 0;
		bottom: 0;
		height: auto;
		max-height: none;
		padding: var(--lap-4) var(--lap-3) 112px;
		border: 0;
		box-shadow: none;
		transition: opacity var(--lap-motion, 200ms) ease-out;
		will-change: opacity;
		overflow-y: auto;
	}

	.psp-root.is-closing[b-yjvrm5eicm] {
		transition-timing-function: ease-in;
	}

	.psp-close[b-yjvrm5eicm] {
		display: none;
	}

	.psp-search-row[b-yjvrm5eicm] {
		margin-bottom: var(--lap-2);
	}

	.psp-back[b-yjvrm5eicm] {
		display: inline-flex;
		flex: 0 0 auto;
		margin-right: var(--lap-2);
	}

	.psp-grid[b-yjvrm5eicm] {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		gap: var(--lap-2);
		overflow: visible;
	}

	.psp-section[b-yjvrm5eicm] {
		display: block;
		padding: var(--lap-3);
		border: 1px solid var(--lap-gray-300);
		border-radius: var(--lap-r-lg);
	}

	.psp-section-head[b-yjvrm5eicm] {
		min-height: 28px;
	}

	.psp-chevron[b-yjvrm5eicm] {
		display: inline-block;
	}

	.psp-section.is-expanded .psp-chevron[b-yjvrm5eicm] {
		transform: rotate(180deg);
	}

	.psp-section:not(.is-expanded) .psp-section-body[b-yjvrm5eicm] {
		display: none;
	}

	.psp-section-body[b-yjvrm5eicm] {
		display: block;
		padding: var(--lap-3) var(--lap-1) 0;
		overflow: visible;
	}

	.psp-section-material .psp-pills[b-yjvrm5eicm] {
		max-height: 130px;
	}

	.psp-size-section .psp-overflow-box[b-yjvrm5eicm] {
		overflow: visible;
	}

	.psp-size-fields[b-yjvrm5eicm] {
		grid-template-columns: 1fr;
		gap: var(--lap-4);
	}

	.psp-actions[b-yjvrm5eicm] {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		display: grid;
		grid-template-columns: calc(var(--lap-1) * 26) minmax(0, 1fr);
		gap: var(--lap-2);
		margin: 0;
		padding: var(--lap-4) var(--lap-3);
		background: var(--lap-surface-0);
		box-shadow: 0 -10px 24px rgb(37 39 41 / 8%);
	}

	.psp-actions[b-yjvrm5eicm]  .psp-reset,
	.psp-actions[b-yjvrm5eicm]  .psp-submit {
		width: 100%;
		min-width: 0;
	}

	.psp-actions[b-yjvrm5eicm]  .psp-reset {
		padding-right: var(--lap-2);
		padding-left: var(--lap-2);
		font-size: var(--lap-text-size2);
	}

	.psp-actions[b-yjvrm5eicm]  .psp-submit {
		padding-right: var(--lap-3);
		padding-left: var(--lap-3);
		font-size: var(--lap-text-size2);
	}

	.psp-reset-label-desktop[b-yjvrm5eicm] {
		display: none;
	}

	.psp-reset-label-mobile[b-yjvrm5eicm] {
		display: inline;
	}
}

@media (prefers-reduced-motion: reduce) {
	.psp-root[b-yjvrm5eicm] {
		transition: none;
	}
}
