/* B2B 移动版式 — Figma M端 node 116:24134 */

#b2b-page .only-pc {
	display: none !important;
}
#b2b-page img.only-mo {
	display: block !important;
}
#b2b-page p.only-mo,
#b2b-page span.only-mo,
#b2b-page h3 .only-mo {
	display: inline !important;
}
#b2b-page .b2b-banner-inner p.only-mo {
	display: block !important;
}

/* ── Banner 554px ── */
#b2b-page .b2b-banner {
	height: 554px;
	background: #666;
}
#b2b-page .b2b-banner-photo::after,
#b2b-page .b2b-banner-photo::before {
	display: none;
}
#b2b-page .b2b-banner-photo img.only-mo {
	position: absolute;
	inset: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}
#b2b-page .b2b-banner-inner {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 36px;
	max-width: none;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 2;
}
#b2b-page .b2b-banner h1 {
	font-size: 36px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: 0.16px;
	color: #fff;
}
#b2b-page .b2b-banner p {
	width: max-content;
	max-width: 100%;
	margin: 8px auto 0;
	font-family: Pretendard, "Noto Sans KR", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.68px;
	color: #fff;
	text-align: center;
	word-break: keep-all;
}
#b2b-page .b2b-banner p > span {
	white-space: nowrap;
}

/* ── Tabs 46px ── */
#b2b-page .b2b-tabs {
	border-bottom-color: #f1f1f1;
}
#b2b-page .b2b-tabs-inner {
	max-width: none;
	margin: 0;
	padding: 8px 16px 0;
}
#b2b-page .b2b-tab {
	padding-bottom: 16px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.16px;
	color: #666;
	border-bottom: 2px solid transparent;
}
#b2b-page .b2b-tab.is-active {
	color: #050505;
	border-bottom-color: #050505;
}
#b2b-page .b2b-tab:focus {
	outline: none;
}
#b2b-page .b2b-tab:focus:not(.is-active) {
	color: #666;
	border-bottom-color: transparent;
}

/* ── Process ── */
#b2b-page .b2b-process {
	padding: 24px 16px;
}
#b2b-page .b2b-process h2,
#b2b-page .b2b-form-sec h2,
#b2b-page .b2b-rec-side h2,
#b2b-page .b2b-price h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.16px;
}
#b2b-page .b2b-sub {
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
}
#b2b-page .b2b-steps {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	max-width: none;
	margin-top: 20px;
	overflow: visible;
}
#b2b-page .b2b-step {
	flex: 0 0 85px;
	width: 85px;
	min-height: 84px;
	padding: 8px;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
}
#b2b-page .b2b-step-icon {
	width: 24px;
	height: 24px;
	margin: 0 auto 8px;
	overflow: visible;
}
#b2b-page .b2b-step-icon img {
	width: 24px;
	height: 24px;
}
#b2b-page .b2b-step-icon-4 .b2b-step-line-a {
	width: 9px;
	height: 1.5px;
	left: 12.5%;
	top: 50%;
}
#b2b-page .b2b-step-icon-4 .b2b-step-line-b {
	width: 7.5px;
	height: 1.5px;
	left: 6.25%;
	top: 34.38%;
}
#b2b-page .b2b-step-n {
	display: none;
}
#b2b-page .b2b-step h3 {
	margin: 0;
	font-family: Pretendard, "Noto Sans KR", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
	word-break: keep-all;
}
#b2b-page .b2b-step h3 small {
	display: block;
	margin-top: 0;
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
	color: #8d8d8d;
}
#b2b-page .b2b-step-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: 5px;
	height: auto;
	flex: 0 0 5px;
	position: relative;
	overflow: visible;
}
/* PC 箭头图是 38×8 横条，压成 4×8 会看不见；移动端改用小 chevron */
#b2b-page .b2b-step-arrow img {
	display: none;
}
#b2b-page .b2b-step-arrow::after {
	content: "";
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #8d8d8d;
	border-right: 1.5px solid #8d8d8d;
	transform: rotate(45deg);
	margin-left: -2px;
}
#b2b-page .b2b-process .b2b-btn-black {
	min-width: 126px;
	height: 40px;
	margin-top: 24px;
	padding: 13px 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

/* ── Form ── */
#b2b-page .b2b-form-sec {
	max-width: none;
	padding: 24px 0 0 0;
}
#b2b-page .b2b-form-head {
	gap: 0;
	margin-bottom: 16px;
	padding: 0 16px;
}
#b2b-page .b2b-form-head-top {
	gap: 12px;
}
#b2b-page .b2b-form-head h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.16px;
}
#b2b-page .b2b-form-head p.only-mo {
	display: block !important;
	margin-top: 12px;
	max-width: none;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	white-space: nowrap;
}
#b2b-page .b2b-form-head p.only-mo b {
	font-weight: 700;
	color: #666;
}
#b2b-page .b2b-btn-notice {
	box-sizing: border-box;
	flex-shrink: 0;
	height: 28px;
	padding: 0 12px;
	border: 1px solid #050505;
	border-radius: 4px;
	background: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0;
	color: #050505;
	white-space: nowrap;
}
#b2b-page .b2b-acc {
	border-top: 1px solid #e0e0e0;
}
#b2b-page .b2b-form-sec form > .b2b-acc:last-of-type {
	border-bottom: 1px solid #e0e0e0;
}
#b2b-page .b2b-acc-h {
	height: 56px;
	padding: 16px;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}
#b2b-page .b2b-acc-h span {
	gap: 8px;
}
#b2b-page .b2b-acc-h em {
	font-size: 12px;
	line-height: 16px;
	color: #ff6008;
}
#b2b-page .b2b-acc-b {
	padding: 0 16px 20px;
}
#b2b-page .b2b-acc-b > .b2b-grid-2,
#b2b-page .b2b-acc-company .b2b-company-grid {
	display: flex;
	flex-direction: column;
	gap: 12px;
	grid-template-columns: none;
	margin-top: 0;
}
#b2b-page .b2b-prod-extra {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 20px;
}
#b2b-page .b2b-prod-extra .b2b-field {
	margin-top: 0;
}
#b2b-page .b2b-prod-extra .b2b-field label {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.32px;
	color: #050505;
}
#b2b-page .b2b-prod-extra .b2b-field label em {
	font-style: normal;
}
#b2b-page .b2b-prod-extra .b2b-field input[type="text"],
#b2b-page .b2b-prod-extra .b2b-field textarea {
	height: 42px;
	padding: 11px 14px;
	font-size: 14px;
	line-height: 18px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
#b2b-page .b2b-prod-extra .b2b-field textarea {
	height: 80px;
	min-height: 80px;
}
#b2b-page .b2b-field {
	margin-top: 12px;
}
#b2b-page .b2b-field label,
#b2b-page .b2b-label,
#b2b-page .b2b-acc-company .b2b-field label,
#b2b-page .b2b-acc-company .b2b-label {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
}
#b2b-page .b2b-field input[type="text"],
#b2b-page .b2b-field input[type="email"],
#b2b-page .b2b-field input[type="number"],
#b2b-page .b2b-field textarea,
#b2b-page .b2b-acc-company .b2b-field input[type="text"] {
	height: 42px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 18px;
	border-radius: 8px;
}
#b2b-page .b2b-field textarea {
	height: 72px;
	min-height: 72px;
}
#b2b-page .b2b-acc-company .b2b-biz-type {
	gap: 16px;
	padding-top: 4px;
}
#b2b-page .b2b-acc-company .b2b-biz-type .b2b-radio-opt {
	gap: 8px;
}
#b2b-page .b2b-acc-company .b2b-radios label,
#b2b-page .b2b-radios label,
#b2b-page .b2b-learn-opt > label,
#b2b-page .b2b-terms label {
	font-size: 13px;
	line-height: 18px;
}
#b2b-page .b2b-learn {
	gap: 0;
}
#b2b-page .b2b-learn-opt {
	padding: 8px 0;
}
#b2b-page .b2b-learn-opt:first-of-type {
	padding-top: 0;
}
#b2b-page .b2b-radios input[type="radio"],
#b2b-page .b2b-radios input[type="checkbox"],
#b2b-page .b2b-terms input[type="checkbox"],
#b2b-page .b2b-learn input[type="checkbox"] {
	width: 13px !important;
	height: 13px !important;
	flex: 0 0 13px;
}
#b2b-page .b2b-learn-etc .other_channel {
	height: 22px;
	width: calc(100% - 152px);
	max-width: none;
	margin-left: 60px;
	font-size: 14px;
}
#b2b-page .b2b-acc-company .b2b-file-btn,
#b2b-page .b2b-file-btn {
	width: 82px;
	height: 42px;
	padding: 10px 12px;
	border: 0.667px dashed #ccc;
	border-radius: 8px;
	background: #f7f7f7;
	font-size: 14px;
	line-height: 18px;
}
#b2b-page .b2b-acc-company .b2b-file,
#b2b-page .b2b-file {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
#b2b-page .b2b-acc-company .b2b-file p,
#b2b-page .b2b-file p {
	font-size: 12px;
	line-height: 16px;
	color: #8d8d8d;
}
/* 未上传时收起预览区，避免空占位拉开间距（覆盖 mobile_shop.css） */
#b2b-page .file_wrap {
	margin-top: 0;
	display: block;
	width: 100%;
	min-height: 0;
}
#b2b-page .file_wrap .file_wr {
	float: none;
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#b2b-page .file_wrap .file_append.is-active {
	float: none;
	display: inline-block;
	margin: 12px 16px 0 0;
}

/* ── Product picker (Figma node 31:9305) ── */
#b2b-page .b2b-prod-head {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}
#b2b-page .b2b-acc-prod .b2b-acc-b {
	padding-bottom: 20px;
}
#b2b-page .b2b-hint {
	padding: 8px 0;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
#b2b-page .b2b-prod-bar {
	flex-direction: column;
	align-items: stretch;
	height: auto;
	padding-top: 12px;
	gap: 8px;
}
#b2b-page .b2b-prod-count {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 21px;
	color: #666;
}
#b2b-page .b2b-prod-count em {
	font-size: 13px;
	font-style: normal;
	color: #f60;
}
#b2b-page .b2b-prod-count-unit {
	font-size: 14px;
	line-height: 18px;
}
#b2b-page .b2b-btn-add {
	width: 100%;
	height: 40px;
	padding: 13px 24px;
	justify-content: center;
	gap: 8px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.16px;
	border-radius: 4px;
}
#b2b-page .b2b-prod-empty {
	height: auto;
	min-height: 61px;
	margin-top: 12px;
	padding: 20px 2px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
}

/* Selected products — card rows (Figma node 87:4611) */
#b2b-page .b2b-prod-table-wrap {
	margin-top: 12px;
	border: 0;
	overflow: visible;
}
#b2b-page .b2b-prod-table {
	min-width: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}
#b2b-page .b2b-prod-table thead {
	display: none;
}
#b2b-page .b2b-prod-table tbody tr {
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	height: 64px;
	padding: 12px;
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
#b2b-page .b2b-prod-table tbody td {
	display: block;
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
}
#b2b-page .b2b-prod-table tbody td.only-pc {
	display: none !important;
}
#b2b-page .b2b-prod-table tbody td.only-mo,
#b2b-page.is-mo .b2b-prod-table tbody td.only-mo {
	display: block !important;
}
#b2b-page .b2b-prod-info.only-mo,
#b2b-page.is-mo .b2b-prod-info.only-mo {
	display: flex !important;
}
#b2b-page .b2b-prod-col-del {
	flex: 0 0 24px;
	width: 24px;
	padding: 0 !important;
	text-align: center;
}
#b2b-page .b2b-prod-info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
#b2b-page .b2b-prod-info .b2b-prod-name {
	margin: 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
	color: #050505;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#b2b-page .b2b-prod-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	margin-top:5px;
}
#b2b-page .b2b-prod-color-group {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	overflow: hidden;
}
#b2b-page .b2b-prod-dot {
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	border-radius: 50%;
}
#b2b-page .b2b-prod-color-t,
#b2b-page .b2b-prod-size-t {
	display: block;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#b2b-page .b2b-prod-meta-sep {
	display: inline-block;
	flex-shrink: 0;
	width: 1px;
	height: 12px;
	background: #e0e0e0;
}
#b2b-page .b2b-prod-col-qty {
	flex: 0 0 auto;
	width: auto;
	min-width: 56px;
	padding: 0 !important;
	text-align: center;
}
#b2b-page .b2b-table-qty {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	width: 56px;
	height: 28px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
	transition: width 0.15s ease;
}
#b2b-page .b2b-table-qty.is-open {
	width: 100px;
	height: 32px;
	border-radius: 4px;
}
#b2b-page .b2b-table-qty-minus,
#b2b-page .b2b-table-qty-plus {
	display: none;
	flex: 0 0 32px;
	width: 32px;
	height: 30px;
	padding: 0;
	border: 0;
	background: #fff;
	cursor: pointer;
	position: relative;
}
#b2b-page .b2b-table-qty.is-open .b2b-table-qty-minus,
#b2b-page .b2b-table-qty.is-open .b2b-table-qty-plus {
	display: block;
}
#b2b-page .b2b-table-qty-minus::before,
#b2b-page .b2b-table-qty-plus::before,
#b2b-page .b2b-table-qty-plus::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 1.5px;
	background: #161616;
	transform: translate(-50%, -50%);
}
#b2b-page .b2b-table-qty-plus::after {
	width: 1.5px;
	height: 10px;
}
#b2b-page .b2b-table-qty-minus:disabled,
#b2b-page .b2b-table-qty.is-min .b2b-table-qty-minus {
	cursor: default;
}
#b2b-page .b2b-table-qty-minus:disabled::before,
#b2b-page .b2b-table-qty.is-min .b2b-table-qty-minus::before {
	background: #c6c6c6;
}
#b2b-page .b2b-prod-table .b2b-table-qty input {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-width: 0;
	padding: 4px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 12px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: center;
	color: #050505;
	-webkit-appearance: none;
	appearance: none;
}
#b2b-page .b2b-table-qty.is-open input {
	flex: 1 1 auto;
	width: auto;
	height: 30px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.16px;
}
#b2b-page .b2b-prod-del {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background-color: #fee;
	background-image: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #c33;
	cursor: pointer;
}

/* ── Terms ── */
#b2b-page .b2b-terms {
	margin: 0;
	padding: 20px 16px;
	background: #f7f7f7;
	border-top: 1px solid #e0e0e0;
}
#b2b-page .b2b-terms h3 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}
#b2b-page .b2b-terms-all {
	padding: 12px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 13px;
	line-height: 21px;
	color: #050505;
}
#b2b-page .b2b-terms-all-text {
	flex: 1 1 auto;
	min-width: 0;
}
#b2b-page .b2b-terms-all-sub {
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
}
#b2b-page .b2b-terms-row {
	padding: 12px 0;
	border-bottom: 1px solid #e0e0e0;
}
#b2b-page .b2b-terms-row:last-child {
	border-bottom: 0;
}
#b2b-page .b2b-terms-row a {
	font-size: 12px;
	line-height: 16px;
	color: #f60;
	text-decoration: underline;
}
#b2b-page .b2b-agree-tip {
	top: calc(100% - 5px);
	left: -5px;
	width: 265px;
	height: 46px;
	padding: 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #050505;
}
#b2b-page .b2b-agree-tip::after {
	left: 6px;
}
#b2b-page .b2b-submit {
    padding: 24px 16px;
    border-top: 1px solid#E0E0E0;
    border-bottom: 1px solid#E0E0E0;
}
#b2b-page .b2b-submit .b2b-btn-black {
	width: 100%;
	min-width: 0;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	border-radius: 4px;
}

/* ── Recommendations ── */
#b2b-page .b2b-rec {
	padding: 24px 0 48px;
}
#b2b-page .b2b-rec-inner {
	flex-direction: column;
	gap: 0;
}
#b2b-page .b2b-rec-side {
	flex: none;
	width: 100%;
	min-width: 0;
	padding: 0 16px;
	box-sizing: border-box;
}
#b2b-page .b2b-rec-side h2 {
	font-weight: 500;
	line-height: 24px;
	white-space: normal;
}
#b2b-page .b2b-rec-cats {
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	min-width: 0;
	margin-top: 32px;
	overflow-x: auto;
	gap: 8px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
#b2b-page .b2b-rec-cats::-webkit-scrollbar {
	display: none;
}
#b2b-page .b2b-rec-cats button {
	flex: 0 0 auto;
	width: auto;
	height: 40px;
	padding: 8px 16px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 22px;
	white-space: nowrap;
}
#b2b-page .b2b-rec-cats button.is-active {
	background: #ff6e25;
	color: #fff;
}
#b2b-page .b2b-rec-cats button:not(.is-active) {
	background: #f1f1f1;
	color: #050505;
}
#b2b-page .b2b-rec-main {
	margin-top: 16px;
	padding-left: 16px;
	min-width: 0;
	max-width: 100%;
	/* clip 只裁横向溢出，不生成滚动容器，避免真机触摸被父级吃掉 */
	overflow-x: clip;
	overflow-y: visible;
}
#b2b-page .b2b-rec-nav {
	display: none;
}
#b2b-page .b2b-cards-track,
#b2b-page .b2b-price-cards {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 100%;
	min-height: 408px;
	overflow-x: auto;
	overflow-y: hidden;
	gap: 16px;
	padding-right: 16px;
	/* pan-y 必须保留，否则真机手指落在卡片上时页面无法竖滑 */
	touch-action: pan-x pan-y;
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: auto;
	scrollbar-width: none;
}
#b2b-page .b2b-cards-track.is-loading,
#b2b-page .b2b-price-cards.is-loading {
	pointer-events: none;
}
#b2b-page .b2b-cards-track::-webkit-scrollbar,
#b2b-page .b2b-price-cards::-webkit-scrollbar {
	display: none;
}
#b2b-page .b2b-card,
#b2b-page .b2b-skel {
	flex: 0 0 272px;
	width: 272px;
	scroll-snap-align: start;
}
#b2b-page .b2b-dot {
	width: 18px;
	height: 18px;
	margin-right: 6px;
}

/* ── Price bands ── */
#b2b-page .b2b-price {
	padding: 0 0 48px 16px;
	text-align: left;
}
#b2b-page .b2b-price h2 {
	padding: 0 16px 0 0;
	text-align: left;
	font-weight: 500;
}
#b2b-page .b2b-pills {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	max-width: calc(100% - 32px);
	margin: 32px 16px 16px 0px;
	padding: 8px;
	overflow-x: auto;
	border-radius: 100px;
	background: rgba(198, 198, 198, 0.3);
	-webkit-backdrop-filter: blur(7.5px);
	backdrop-filter: blur(7.5px);
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
#b2b-page .b2b-pills::-webkit-scrollbar {
	display: none;
}
#b2b-page .b2b-pills button {
	flex: 0 0 auto;
	padding: 8px 16px;
	border: 0;
	border-radius: 39px;
	background: transparent;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.16px;
	color: #666;
	white-space: nowrap;
	cursor: pointer;
}
#b2b-page .b2b-pills button.is-active {
	background: #fff;
	color: #050505;
	box-shadow: none;
}
#b2b-page .b2b-price-cards {
	justify-content: flex-start;
}

/* ── Product modal ── */
#b2b-page .b2b-prod-pop {
	padding: 0;
	align-items: stretch;
}
#b2b-page .b2b-prod-pop-box {
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	border: 0;
	border-radius: 0;
}
#b2b-page .b2b-prod-pop-head {
	height: auto;
	min-height: 56px;
	padding: 16px;
}
#b2b-page .b2b-prod-pop-head h2 {
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}
#b2b-page .b2b-prod-pop-x {
	top: 8px;
	right: 8px;
	width: 44px;
	height: 44px;
}
#b2b-page .b2b-prod-pop-body {
	padding: 0 16px;
	min-height: 0;
}
#b2b-page .b2b-prod-cats {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 6px;
	padding-bottom: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
#b2b-page .b2b-prod-cats::-webkit-scrollbar {
	display: none;
}
#b2b-page .b2b-prod-cats button {
	flex: 0 0 auto;
	height: auto;
	padding: 8px 12px;
	border: 0;
	border-radius: 20px;
	background: #f1f1f1;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
	color: #2f2f2f;
	white-space: nowrap;
	cursor: pointer;
}
#b2b-page .b2b-prod-cats button.is-active {
	background: #ff6008;
	color: #fff;
}
#b2b-page .b2b-pick-grid {
	grid-template-columns: 1fr;
	min-height: 320px;
}
#b2b-page .b2b-pick-skel {
	min-height: 280px;
}
#b2b-page .b2b-prod-pop-foot {
	flex-direction: column;
	gap: 8px;
	padding: 16px;
}
#b2b-page .b2b-prod-foot-line,
#b2b-page .b2b-prod-foot-fill,
#b2b-page .b2b-prod-foot-orange {
	width: 100%;
}

/* Selected products popup (Figma node 180:6557) */
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-pop-head {
	height: 80px;
	min-height: 80px;
	padding: 16px 24px;
	gap: 6px;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-pop-head h2 {
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0.16px;
	color: #050505;
	text-align: left;
}
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-back {
	display: flex;
	width: 28px;
	height: 28px;
}
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-pop-body {
	padding: 0;
}
#b2b-page .b2b-prod-selected {
	padding: 0;
}
#b2b-page .b2b-sel-bar {
	height: auto;
	padding: 16px 24px;
	box-sizing: border-box;
}
#b2b-page .b2b-sel-all {
	gap: 7px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0;
	color: #000;
}
#b2b-page .b2b-sel-all em {
	font-size: 14px;
	line-height: 18px;
	color: #f00;
}
#b2b-page .b2b-sel-clear {
	font-size: 12px;
	line-height: 16px;
	color: #2f2f2f;
}
#b2b-page .b2b-sel-list {
	border-top: 1px solid #e0e0e0;
}
#b2b-page .b2b-sel-item {
	align-items: flex-start;
	gap: 12px;
	min-height: 90px;
	padding: 24px;
	border-top: 0;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}
#b2b-page .b2b-sel-item:last-child {
	border-bottom: 1px solid #e0e0e0;
}
#b2b-page .b2b-sel-tick {
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	justify-content: flex-start;
	padding-top: 0;
	/* 与 48px 缩略图顶线对齐 */
	height: auto;
	min-height: 18px;
}
#b2b-page .b2b-sel-body {
	align-items: stretch;
	justify-content: flex-start;
	gap: 8px;
	min-width: 0;
}
#b2b-page .b2b-sel-main {
	align-items: flex-start;
	gap: 12px;
	flex: 1 1 auto;
	min-width: 0;
}
#b2b-page .b2b-sel-pic {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #f3f3f3;
	border-radius: 1px;
}
#b2b-page .b2b-sel-pic img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}
#b2b-page .b2b-sel-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
	padding-top: 0;
}
#b2b-page .b2b-sel-name {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#b2b-page .b2b-sel-detail {
	gap: 4px;
	min-width: 0;
}
#b2b-page .b2b-sel-price {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.44px;
	color: #050505;
}
#b2b-page .b2b-sel-price em {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.16px;
	color: #050505;
}
#b2b-page .b2b-sel-spec {
	flex-wrap: nowrap;
	align-items: center;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}
#b2b-page .b2b-sel-color-group {
	flex: 0 1 auto;
	min-width: 0;
	width: auto;
	max-width: 100%;
}
#b2b-page .b2b-sel-color-t,
#b2b-page .b2b-sel-size-t {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	white-space: nowrap;
}
#b2b-page .b2b-sel-side {
	flex: 0 0 auto;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	align-self: stretch;
	gap: 16px;
	margin-left: 0;
	/* 高度跟随左侧主内容，使数量框底边与颜色/规格行底边对齐 */
	min-height: 0;
}
#b2b-page .b2b-sel-qty,
#b2b-page .b2b-sel-del {
	order: unset;
}
#b2b-page .b2b-sel-qty {
	width: 100px;
	height: 32px;
	border-color: #e0e0e0;
	border-radius: 4px;
}
#b2b-page .b2b-sel-minus,
#b2b-page .b2b-sel-plus {
	flex: 0 0 32px;
	width: 32px;
	height: 30px;
}
#b2b-page .b2b-sel-qty-n {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	letter-spacing: 0.16px;
	border-color: #e0e0e0;
	color: #050505;
}
#b2b-page .b2b-sel-del {
	flex-shrink: 0;
	order: 0;
	width: 18px;
	height: 18px;
	margin-top: 0;
	background-size: 14px 14px;
}
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-pop-foot {
	flex-direction: row;
	align-items: stretch;
	gap: 12px;
	padding: 16px;
	border-top: 1px solid #e0e0e0;
}
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-foot-orange,
#b2b-page .b2b-prod-pop-box.is-sel-view .b2b-prod-foot-fill {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}

/* ── Notice modal (Figma node 138:33943) ── */
#b2b-page .b2b-notice-pop {
	padding: 16px;
}
#b2b-page .b2b-notice-pop-box {
	width: 100%;
	max-height: calc(100vh - 32px);
	border-radius: 6px;
}
#b2b-page .b2b-notice-pop-head {
	position: relative;
	padding: 16px 52px 16px 16px;
}
#b2b-page .b2b-notice-pop-head h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0.16px;
}
#b2b-page .b2b-notice-pop-head .b2b-prod-pop-x {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 24px;
	height: 24px;
	margin: 0;
	transform: translateY(-50%);
}
#b2b-page .b2b-notice-pop-body {
	padding: 0 16px 32px;
}
#b2b-page .b2b-notice-item + .b2b-notice-item {
	padding-top: 16px;
}
#b2b-page .b2b-notice-item:last-child {
	padding-bottom: 16px;
}
#b2b-page .b2b-notice-item h3 {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0;
}
#b2b-page .b2b-notice-item p {
	padding-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: var(--b2b-gray);
}

#b2b-page .agree_personal .common_pop_wrap,
#b2b-page .agree_ad .common_pop_wrap {
	width: 340px;
	padding: 30px 20px;
	border-radius: 20px;
}
#b2b-page .agree_personal .common_title h2,
#b2b-page .agree_ad .common_title h2 {
	font-size: 16px;
}
#b2b-page .agree_personal .common_title h2 button,
#b2b-page .agree_ad .common_title h2 button {
	width: 24px;
	height: 24px;
}
#b2b-page .agree_personal .common_content,
#b2b-page .agree_ad .common_content {
	height: 300px;
	max-height: 50vh;
	padding: 20px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}