/* ==========================================================================
   bama-app-ui — App 式介面
   參考 Nova - Ecommerence Mobile App (Envato FF89XBY)
   ========================================================================== */

:root {
	--bama-blue: #0B4F9E;
	--bama-blue-deep: #073B7C;
	--bama-blue-soft: #E8F0FB;
	--bama-ink: #16202E;
	--bama-ink-2: #475569;
	--bama-line: #E6E9EF;
	--bama-bg: #F6F7FB;
	--bama-card: #FFFFFF;
	--bama-radius: 20px;
	--bama-radius-sm: 14px;
	--bama-shadow: 0 8px 26px rgba(16, 32, 62, .08);
	--bama-shadow-lg: 0 16px 44px rgba(16, 32, 62, .14);
	--bama-topbar-h: 56px;
	--bama-tabbar-h: 66px;
	--bama-notice-h: 34px;
	--bama-sticky-h: 66px;
	--bama-maxw: 720px;
}

body.bama-app-body {
	background: var(--bama-bg);
	color: var(--bama-ink);
	font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	padding-top: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
	padding-bottom: calc(var(--bama-tabbar-h) + var(--bama-notice-h) + env(safe-area-inset-bottom));
	overflow-x: hidden;
}

/* ---------- 隱藏主題 / Elementor 版面 ---------- */
body.bama-app-body .ehp-header,
body.bama-app-body .ehp-footer,
body.bama-app-body .ehp-flex-footer,
body.bama-app-body .elementor-location-header,
body.bama-app-body .elementor-location-footer,
body.bama-app-body .site-header,
body.bama-app-body .site-footer,
body.bama-app-body .skip-link,
body.bama-app-body .woocommerce-breadcrumb,
body.bama-app-body #site-header,
body.bama-app-body .bama-legacy-header {
	display: none !important;
}

/* WordPress admin bar：登入管理員時出現，要將我哋頂部 bar 推落，唔好遮住
   ⚠️ WP 手機版 admin bar 高 46px，桌面版 32px */
body.bama-app-body.admin-bar {
	padding-top: calc(var(--bama-topbar-h) + 46px + env(safe-area-inset-top));
}
body.bama-app-body.admin-bar .bama-topbar {
	top: 46px;
	height: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
}
@media (min-width: 783px) {
	body.bama-app-body.admin-bar {
		padding-top: calc(var(--bama-topbar-h) + 32px + env(safe-area-inset-top));
	}
	body.bama-app-body.admin-bar .bama-topbar {
		top: 32px;
	}
}
/* Elementor floating bars（模板示範公告條 + CTA） */
body.bama-app-body .e-floating-bars,
body.bama-app-body .e-con-inner--floating-bars,
body.bama-app-body .elementor-floating-bar,
body.bama-app-body .elementor-location-single .e-floating-bars {
	display: none !important;
}

body.bama-app-body #page,
body.bama-app-body #content,
body.bama-app-body .site-main,
body.bama-app-body .site-content {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
	float: none !important;
}

/* ---------- 頂部 bar ---------- */
.bama-topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
	padding: env(safe-area-inset-top) 14px 0;
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--bama-line);
}

.bama-topbar__left {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	overflow: hidden;
}
.bama-topbar__right { margin-left: auto; flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }

.bama-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; min-width: 0; flex: 0 1 auto; }
/* ⚠️ Logo 絕對唔可以變形：
   width:auto + height:auto 保持原始比例，max-height 只限制高度，
   object-fit:contain 做雙重保險（就算 parent 有奇怪寬度都唔會拉伸） */
.bama-brand__logo {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 140px !important;
	max-height: 28px !important;
	min-width: 0;
	object-fit: contain !important;
	object-position: left center !important;
	flex: 0 1 auto;
}

.bama-topbar__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #EEF1F6;
	text-decoration: none;
}
.bama-topbar__back svg { width: 19px; height: 19px; fill: none; stroke: var(--bama-ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.bama-iconbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #EEF1F6;
	text-decoration: none;
}
.bama-iconbtn svg { width: 19px; height: 19px; fill: none; stroke: var(--bama-ink); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.bama-iconbtn__badge {
	position: absolute;
	top: -3px;
	right: -3px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 9px;
	background: #E8453C;
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 17px;
	text-align: center;
}

/* ---------- 底部 tab bar ---------- */
.bama-tabbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	height: calc(var(--bama-tabbar-h) + env(safe-area-inset-bottom));
	padding-bottom: env(safe-area-inset-bottom);
	display: flex;
	align-items: stretch;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-top: 1px solid var(--bama-line);
	box-shadow: 0 -6px 22px rgba(16, 32, 62, .06);
}

.bama-tab {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	text-decoration: none;
	color: #8A93A3;
	transition: color .18s ease;
}
.bama-tab__icon { display: inline-flex; }
.bama-tab__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bama-tab__label { font-size: 10.5px; font-weight: 600; letter-spacing: .01em; }
.bama-tab.is-active { color: var(--bama-blue); }
.bama-tab.is-active .bama-tab__icon svg { stroke-width: 2.2; }
.bama-tab:active { transform: scale(.94); }

/* ---------- 畫面容器 ---------- */
.bama-app-shell {
	width: 100%;
	max-width: var(--bama-maxw);
	margin: 0 auto;
	padding: 0 14px 8px;   /* 頂部唔留白（用戶要求）*/
}

.bama-screen { display: block; }

/* ---------- Hero ---------- */
.bama-hero {
	position: relative;
	overflow: hidden;
	border-radius: var(--bama-radius);
	padding: 26px 22px 28px;
	background: linear-gradient(135deg, #0B4F9E 0%, #1668C6 52%, #2C86E0 100%);
	color: #fff;
	box-shadow: var(--bama-shadow-lg);
}
.bama-hero__glow { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .5; }
.bama-hero__glow--a { width: 190px; height: 190px; right: -55px; top: -70px; background: radial-gradient(circle, rgba(255,255,255,.42), transparent 70%); }
.bama-hero__glow--b { width: 150px; height: 150px; left: -60px; bottom: -80px; background: radial-gradient(circle, rgba(120, 200, 255, .5), transparent 70%); }
.bama-hero__inner { position: relative; z-index: 1; }
.bama-hero__eyebrow {
	display: inline-block;
	padding: 4px 11px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .18);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
}
.bama-hero__title { margin: 14px 0 8px; font-size: 27px; line-height: 1.28; font-weight: 800; letter-spacing: -.01em; }
.bama-hero__sub { margin: 0 0 18px; font-size: 12.5px; line-height: 1.6; color: rgba(255, 255, 255, .88); max-width: 300px; }
.bama-hero__cta { display: flex; gap: 10px; }

.bama-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 22px;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.bama-btn--light { background: #fff; color: var(--bama-blue); box-shadow: 0 6px 18px rgba(4, 26, 58, .2); }
.bama-btn--ghost {
	background: rgba(255, 255, 255, .16);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .38);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.bama-btn--ghost:hover { background: rgba(255, 255, 255, .26); }
.bama-btn:active { transform: scale(.97); }

/* ---------- 服務承諾三格 ---------- */
.bama-promises {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 18px 0 0;
}
.bama-promise {
	background: var(--bama-card);
	border-radius: var(--bama-radius-sm);
	box-shadow: var(--bama-shadow);
	padding: 12px 8px;
	text-align: center;
}
.bama-promise__icon { font-size: 20px; line-height: 1; }
.bama-promise__title {
	margin: 6px 0 2px;
	font-size: 11.5px;
	font-weight: 800;
	color: var(--bama-ink);
}
.bama-promise__text {
	margin: 0;
	font-size: 10.5px;
	line-height: 1.45;
	color: var(--bama-ink-2);
}

/* ---------- 區塊 ---------- */
.bama-block { margin: 22px 0 0; }
.bama-block__head { display: flex; align-items: baseline; justify-content: space-between; margin: 0 2px 12px; }
.bama-block__title { margin: 0; font-size: 16.5px; font-weight: 800; letter-spacing: -.01em; }
.bama-block__more { font-size: 12px; font-weight: 600; color: var(--bama-ink-2); text-decoration: none; }

/* ---------- 分類 tiles ---------- */
.bama-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.bama-cat {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2px;
	min-height: 84px;
	padding: 14px;
	border-radius: var(--bama-radius-sm);
	background: var(--bama-card);
	box-shadow: var(--bama-shadow);
	text-decoration: none;
	overflow: hidden;
}
.bama-cat::after {
	content: "";
	position: absolute;
	right: -22px;
	top: -22px;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: var(--bama-blue-soft);
}
.bama-cat__name { position: relative; font-size: 14px; font-weight: 800; color: var(--bama-ink); }
.bama-cat__count { position: relative; font-size: 11.5px; color: var(--bama-ink-2); }

/* ---------- 精選品牌卡（橫向 rail） ---------- */
.bama-rail--brands .bama-brandcard {
	flex: 0 0 108px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 14px 10px;
	border-radius: var(--bama-radius-sm);
	background: var(--bama-card);
	box-shadow: var(--bama-shadow);
	text-decoration: none;
	text-align: center;
}
.bama-brandcard__logo {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--bama-blue), #2C86E0);
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .02em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
/* 品牌真 logo：白底長方形容器（品牌字標係長條形，圓形會令佢縮到睇唔清） */
.bama-brandcard__logo.is-logo {
	width: 100%;
	height: 40px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid var(--bama-line);
	padding: 7px 9px;
}
.bama-brandcard__logo.is-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
}
/* 分類頁小 bar 嘅品牌 logo（細身，唔好撐爆個 bar） */
.bama-shopbar__logo {
	flex: 0 0 auto !important;
	align-self: center !important;
	height: 15px !important;
	width: auto !important;
	max-width: 86px !important;
	min-width: 0;
	object-fit: contain;
	object-position: left center;
	display: block;
	margin: 0 6px 0 0;
}
.bama-brandcard__name {
	font-size: 12.5px;
	font-weight: 800;
	color: var(--bama-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.bama-brandcard__count {
	font-size: 11px;
	color: var(--bama-ink-2);
}

/* ---------- 商品卡 ---------- */
.bama-rail {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 2px 2px 8px;
	margin: 0 -14px;
	padding-left: 14px;
	padding-right: 14px;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.bama-rail::-webkit-scrollbar { display: none; }
.bama-rail .bama-card { flex: 0 0 158px; scroll-snap-align: start; align-self: stretch; }

.bama-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-items: stretch; }
@media (min-width: 560px) {
	.bama-grid { grid-template-columns: repeat(3, 1fr); }
	.bama-grid--shop { grid-template-columns: repeat(3, 1fr); }
	.bama-cats { grid-template-columns: repeat(3, 1fr); }
}

.bama-card {
	background: var(--bama-card);
	border-radius: var(--bama-radius-sm);
	overflow: hidden;
	box-shadow: var(--bama-shadow);
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
	/* 所有商品卡高度一致 */
	height: 100%;
	min-height: 0;
}
.bama-card:active { transform: scale(.985); }
.bama-card.is-oos { opacity: .62; }

/* 圖片區固定高度 → 所有商品卡（grid / rail / 相關商品）高度完全一致，
   唔會因為容器寬度唔同而有 8px 落差 */
.bama-card__media {
	position: relative;
	display: block;
	height: 160px;
	background: #F2F4F8;
	overflow: hidden;
}
.bama-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.bama-card__flag {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .02em;
	color: #fff;
	background: var(--bama-blue);
}
.bama-card__flag--sale { background: #E8453C; }
.bama-card__flag--draft { background: #F0A202; }
.bama-card__flag--oos { background: #64748B; }

/* 卡片內容區：flex column，價格貼底 → 各卡高度一致 */
.bama-card__body {
	padding: 10px 11px 12px !important;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	font-size: 14px !important;
	line-height: 1.4 !important;
}
/* 名稱過長隱藏：固定 2 行高度 + 省略號 */
.bama-card__title {
	margin: 0 0 5px !important;
	font-size: 12.5px !important;
	line-height: 18.13px !important;
	font-weight: 600 !important;
	color: var(--bama-ink) !important;
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}
.bama-card__title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
}
.bama-card__pricewrap {
	font-size: 14px !important;
	line-height: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	font-weight: 800 !important;
	color: var(--bama-blue) !important;
	margin-top: auto;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 「起」 */
.bama-card__from {
	font-style: normal;
	font-size: 11px;
	font-weight: 700;
	margin-left: 3px;
	opacity: .85;
}
.bama-card__pricewrap del { font-size: 11px; font-weight: 500; color: #9AA3B2; margin-right: 5px; }
.bama-card__pricewrap ins { text-decoration: none; }
.bama-card__price { font-size: 14px !important; font-weight: 800 !important; color: var(--bama-blue) !important; }

/* ---------- Promo ---------- */
.bama-promo {
	margin: 22px 0 0;
	border-radius: var(--bama-radius);
	padding: 22px 20px;
	background: linear-gradient(135deg, #17253B 0%, #243C63 100%);
	color: #fff;
	box-shadow: var(--bama-shadow);
}
.bama-promo__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: #8FC4FF; }
.bama-promo__title { margin: 9px 0 8px; font-size: 20px; line-height: 1.35; font-weight: 800; }
.bama-promo__text { margin: 0; font-size: 12px; line-height: 1.6; color: rgba(255, 255, 255, .74); }

/* ---------- 商店 ---------- */
.bama-shopbar { display: flex; align-items: baseline; gap: 10px; margin: 4px 2px 12px; }
.bama-shopbar__title { margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.01em; }
.bama-shopbar__count { font-size: 12px; color: var(--bama-ink-2); }
/* 分區小 bar（取代大標題）：現貨 / 代購 */
/* 分區小 bar：全寬、無圓角、貼實（精簡） */
.bama-shopbar--slim {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #F3F6FB;
	border: 0;
	border-bottom: 1px solid #E6EBF3;
	border-radius: 0;
	padding: 4px 14px;
	margin: 0;
	min-height: 34px;
}
.bama-shopbar--slim .bama-shopbar__count { margin-right: auto; }
.bama-shopbar--slim .bama-shopbar__title {
	font-size: 14px;
	font-weight: 700;
	color: var(--bama-ink);
	letter-spacing: .01em;
}
.bama-shopbar--slim .bama-shopbar__count { font-size: 12px; color: var(--bama-ink-2); }

/* 只有商品區滾動：小 bar + 分類 tag 固定喺 header 下面 */
.bama-shophead {
	position: sticky;
	top: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
	z-index: 30;
	background: #fff;
	margin: 0 -14px;          /* 全寬（打破內容左右 padding）*/
	padding: 0;
}
.bama-shophead .bama-shopbar--slim { margin: 0; }
.bama-shophead ~ .bama-grid--shop { margin-top: 10px; }
.bama-shophead ~ .bama-shopnote { margin-top: 10px; }
.bama-shophead ~ .bama-empty { margin-top: 10px; }
.bama-chips {
	display: flex;
	flex-wrap: wrap;          /* 唔再橫向滾動，太多就換行 */
	gap: 8px;
	overflow-x: visible;
	margin: 0 -14px 14px;
	padding: 2px 14px 6px;
	scrollbar-width: none;
}
.bama-chips::-webkit-scrollbar { display: none; }
.bama-chip {
	flex: 0 0 auto;
	padding: 7px 15px;
	border-radius: 999px;
	background: var(--bama-card);
	border: 1px solid var(--bama-line);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--bama-ink-2);
	text-decoration: none;
}
.bama-chip.is-active { background: var(--bama-blue); border-color: var(--bama-blue); color: #fff; }

.bama-pager { display: flex; justify-content: center; gap: 7px; margin: 20px 0 6px; }
.bama-pager__item {
	min-width: 34px; height: 34px; padding: 0 9px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px; background: var(--bama-card); border: 1px solid var(--bama-line);
	font-size: 12.5px; font-weight: 700; color: var(--bama-ink-2); text-decoration: none;
}
.bama-pager__item.is-active { background: var(--bama-blue); border-color: var(--bama-blue); color: #fff; }

.bama-empty { text-align: center; padding: 54px 20px; }
.bama-empty__icon { font-size: 40px; }
.bama-empty__title { margin: 12px 0 4px; font-size: 15px; font-weight: 800; }
.bama-empty__text { margin: 0; font-size: 12.5px; color: var(--bama-ink-2); }
.bama-empty--cart { margin-top: 18px; }
.bama-empty--cart .bama-btn { margin-top: 16px; }

.bama-btn--solid {
	background: var(--bama-blue);
	color: #fff;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26);
}

/* ==========================================================================
   商品頁：sticky 底部「加入購物車」bar（app 版必備，唔使捲到底）
   ========================================================================== */

body.bama-app-body.bama-has-sticky-buy {
	padding-bottom: calc(var(--bama-tabbar-h) + var(--bama-sticky-h) + env(safe-area-inset-bottom) + 12px);
}
body.bama-app-body .bama-sticky-buy {
	position: fixed;
	left: 0;
	right: 0;
	bottom: calc(var(--bama-tabbar-h) + env(safe-area-inset-bottom));
	z-index: 998;
	display: none;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-top: 1px solid var(--bama-line);
	box-shadow: 0 -4px 18px rgba(16, 32, 62, .07);
}
body.bama-app-body.bama-has-sticky-buy .bama-sticky-buy { display: flex; }
body.bama-app-body .bama-sticky-buy__price {
	flex: 0 0 auto;
	font-size: 17px;
	font-weight: 800;
	color: var(--bama-blue);
	white-space: nowrap;
}
body.bama-app-body .bama-sticky-buy__price small {
	display: block;
	font-size: 10.5px;
	font-weight: 600;
	color: var(--bama-ink-2);
	letter-spacing: .02em;
}
body.bama-app-body .bama-sticky-buy .bama-sticky-buy__btn {
	flex: 1 1 auto;
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	background: var(--bama-blue);
	color: #fff;
	font-size: 14.5px;
	font-weight: 800;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26);
}
body.bama-app-body .bama-sticky-buy .bama-sticky-buy__btn[disabled] {
	background: #64748B;
	color: #F1F5F9;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 1;
}

/* ---------- 搜尋 overlay ---------- */
.bama-search {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	padding: 10px 14px;
	background: rgba(255, 255, 255, .97);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--bama-line);
	box-shadow: 0 8px 26px rgba(16, 32, 62, .12);
	transform: translateY(-100%);
	transition: transform .22s ease;
}
.bama-search.is-open {
	transform: translateY(0);
}
.bama-search[hidden] { display: none; }
.bama-search__form {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: var(--bama-maxw);
	margin: 0 auto;
}
.bama-search__icon {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
	fill: none;
	stroke: var(--bama-ink-2);
	stroke-width: 2;
	stroke-linecap: round;
}
.bama-search__form input {
	flex: 1 1 auto;
	min-width: 0;
	height: 42px;
	border: 1px solid var(--bama-line);
	border-radius: 12px;
	background: #F6F7FB;
	padding: 0 14px;
	font-size: 14px;
	color: var(--bama-ink);
}
.bama-search__form input:focus {
	outline: none;
	border-color: var(--bama-blue);
	background: #fff;
}
.bama-search__close {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	background: #EEF1F6;
	color: var(--bama-ink);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
body.bama-searching { overflow: hidden; }

/* ---------- 搜尋結果 ---------- */
.bama-searchresults { padding: 14px 14px 8px; }
.bama-searchresults__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 0 2px 12px;
}
.bama-searchresults__title { margin: 0; font-size: 19px; font-weight: 800; }
.bama-searchresults__count { font-size: 12px; color: var(--bama-ink-2); }

/* ==========================================================================
   WooCommerce 原生頁（商品 / 購物車 / 結帳 / 帳戶）改成 app 風格
   ========================================================================== */

/* WooCommerce 原生頁：body 本身就係 app 畫布（⚠️ WC 係把 woocommerce class 放喺 body，唔係 descendant） */
body.bama-app-body.bama-app-wc {
	max-width: var(--bama-maxw);
	margin: 0 auto;
	min-height: 100vh;
	background: var(--bama-bg);
	box-shadow: 0 0 0 1px rgba(16, 32, 62, .05);
}
/* 內容容器：清走 Hello 主題嘅 padding/margin */
body.bama-app-body.bama-app-wc:not(.bama-app-account) > .site-main,
body.bama-app-body.bama-app-wc:not(.bama-app-account) > #page,
body.bama-app-body.bama-app-wc:not(.bama-app-account) > #content,
body.bama-app-body.bama-app-wc:not(.bama-app-account) > .woocommerce,
body.bama-app-body.bama-app-wc:not(.bama-app-account) .content-area,
body.bama-app-body.bama-app-wc:not(.bama-app-account) .site-main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 14px 14px 8px !important;
	float: none !important;
}

body.bama-app-body.bama-app-wc div.product {
	display: block;
}
body.bama-app-body.bama-app-wc div.product .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 0 14px;
}
body.bama-app-body.bama-app-wc div.product div.summary {
	width: 100% !important;
	float: none !important;
	margin: 0;
}
body.bama-app-body.bama-app-wc div.product .product_title {
	font-size: 18px;
	line-height: 1.35;
	font-weight: 800;
	margin: 0 0 8px;
	letter-spacing: -.01em;
}
body.bama-app-body.bama-app-wc div.product p.price,
body.bama-app-body.bama-app-wc div.product span.price,
body.bama-app-body.bama-app-wc div.product .woocommerce-Price-amount,
body.bama-app-body.bama-app-wc div.product .woocommerce-Price-amount bdi {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--bama-blue) !important;
}
body.bama-app-body.bama-app-wc div.product p.price del,
body.bama-app-body.bama-app-wc div.product p.price del .woocommerce-Price-amount {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #9AA3B2 !important;
}
body.bama-app-body.bama-app-wc div.product p.price ins,
body.bama-app-body.bama-app-wc div.product p.price ins .woocommerce-Price-amount {
	text-decoration: none !important;
	color: var(--bama-blue) !important;
}
body.bama-app-body.bama-app-wc div.product .woocommerce-product-details__short-description {
	font-size: 13px;
	line-height: 1.7;
	color: var(--bama-ink-2);
}
body.bama-app-body.bama-app-wc div.product .woocommerce-product-details__short-description p {
	font-size: 13px;
	line-height: 1.7;
	margin: 0 0 8px;
}
body.bama-app-body.bama-app-wc div.product p.price del { font-size: 13px; color: #9AA3B2; font-weight: 500; }
body.bama-app-body.bama-app-wc div.product p.price ins { text-decoration: none; }

body.bama-app-body.bama-app-wc div.product form.cart .variations {
	display: block;
	margin: 0 0 14px;
	padding: 0;
}
body.bama-app-body.bama-app-wc div.product form.cart .variations td {
	display: block;
	padding: 0 0 10px;
	border: 0;
}
body.bama-app-body.bama-app-wc div.product form.cart .variations td.label {
	font-size: 12px;
	font-weight: 700;
	color: var(--bama-ink-2);
	padding-bottom: 6px;
}
body.bama-app-body.bama-app-wc div.product form.cart .variations select {
	width: 100%;
	height: 44px;
	border-radius: 12px;
	border: 1px solid var(--bama-line);
	background: #fff;
	padding: 0 12px;
	font-size: 13px;
}

/* swatches（woo-variation-swatches 2.6.x）
   插件實際 class：.variable-items-wrapper / .variable-item
   顏色 = .color-variable-item，尺碼 = .button-variable-item */
body.bama-app-body.bama-app-wc div.product form.cart .variable-items-wrapper {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.bama-app-body.bama-app-wc div.product form.cart .variable-items-wrapper li {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}
body.bama-app-body.bama-app-wc div.product form.cart .variable-item {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 52px !important;
	height: 44px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	border: 1.5px solid var(--bama-line) !important;
	background: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--bama-ink) !important;
	line-height: 1 !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}
body.bama-app-body.bama-app-wc div.product form.cart .variable-item:hover {
	border-color: #B9C6DA !important;
}
/* 選中 */
body.bama-app-body.bama-app-wc div.product form.cart .variable-item.selected,
body.bama-app-body.bama-app-wc div.product form.cart .variable-item[aria-checked="true"] {
	border-color: var(--bama-blue) !important;
	background: var(--bama-blue) !important;
	color: #fff !important;
}
body.bama-app-body.bama-app-wc div.product form.cart .variable-item.selected::before,
body.bama-app-body.bama-app-wc div.product form.cart .variable-item[aria-checked="true"]::before {
	content: none !important;
}
/* 唔可選（缺貨） */
body.bama-app-body.bama-app-wc div.product form.cart .variable-item.disabled,
body.bama-app-body.bama-app-wc div.product form.cart .variable-item.unavailable {
	opacity: .35 !important;
	text-decoration: line-through;
	cursor: not-allowed;
}
/* 顏色色塊：正圓形、大啲 */
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item {
	min-width: 44px !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	text-indent: -9999px;
	position: relative;
	background: #fff !important;
	border: 2px solid var(--bama-line) !important;
	/* 唔可以 overflow:hidden，否則會 clip 咗選中環（界外） */
	overflow: visible !important;
}
/* 界內：色塊填滿整個圓（clip 只做喺 span 度，唔影響外圈） */
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item .variable-item-contents {
	position: relative;
	inset: 0;
	overflow: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item .variable-item-span-color {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	background-size: cover !important;
	background-position: center !important;
}
/* 界內：插件個白色 ✓ 會蓋住成個色 → 完全收埋，令真正嘅顏色清楚可見 */
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item .variable-item-contents::before {
	display: none !important;
}
/* 界內 + 界外：改用右下角細藍色 ✓ badge（落喺環上，唔遮色） */
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item.selected::before,
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item[aria-checked="true"]::before {
	content: "✓" !important;
	position: absolute !important;
	top: auto !important;
	left: auto !important;
	right: -3px !important;
	bottom: -3px !important;
	width: 17px !important;
	height: 17px !important;
	min-width: 17px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: var(--bama-blue) !important;
	border: 2px solid #fff !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	z-index: 3 !important;
	box-shadow: none !important;
}
/* 界外：選中環 —— 完整圓環，白色分隔 + 品牌藍外圈 */
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item.selected,
body.bama-app-body.bama-app-wc div.product form.cart .color-variable-item[aria-checked="true"] {
	background: #fff !important;
	border-color: #fff !important;
	box-shadow: 0 0 0 2px var(--bama-blue) !important;
	color: transparent !important;
}
/* 尺碼按鈕 */
body.bama-app-body.bama-app-wc div.product form.cart .button-variable-item {
	min-width: 52px !important;
	border-radius: 11px !important;
}

body.bama-app-body.bama-app-wc div.product form.cart .single_variation_wrap { width: 100%; }
body.bama-app-body.bama-app-wc div.product form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
body.bama-app-body.bama-app-wc div.product form.cart .single_variation {
	margin: 0 0 10px;
}
body.bama-app-body.bama-app-wc div.product form.cart .single_variation .price {
	font-size: 19px;
	font-weight: 800;
	color: var(--bama-blue);
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity {
	display: inline-flex;
	border: 1px solid var(--bama-line);
	border-radius: 12px;
	overflow: hidden;
	height: 44px;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity .qty {
	width: 46px;
	border: 0;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	background: #fff;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity .qty:focus { outline: none; }
body.bama-app-body.bama-app-wc div.product form.cart .quantity button {
	width: 38px;
	border: 0;
	background: #F4F6FA;
	color: var(--bama-ink);
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
}

body.bama-app-body.bama-app-wc button.button,
body.bama-app-body.bama-app-wc a.button,
body.bama-app-body.bama-app-wc input.button,
body.bama-app-body.bama-app-wc button.alt,
body.bama-app-body.bama-app-wc #place_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	border-radius: 14px;
	border: 0;
	background: var(--bama-blue);
	color: #fff;
	font-size: 14.5px;
	font-weight: 800;
	letter-spacing: .02em;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26);
	transition: transform .16s ease, background .16s ease;
}
body.bama-app-body.bama-app-wc button.button:hover,
body.bama-app-body.bama-app-wc a.button:hover,
body.bama-app-body.bama-app-wc #place_order:hover { background: var(--bama-blue-deep); color: #fff; }
body.bama-app-body.bama-app-wc button.button:active,
body.bama-app-body.bama-app-wc a.button:active { transform: scale(.985); }

body.bama-app-body.bama-app-wc .woocommerce-product-details__short-description,
body.bama-app-body.bama-app-wc .woocommerce-tabs,
body.bama-app-body.bama-app-wc .bama-daigou-panel {
	background: var(--bama-card);
	border-radius: var(--bama-radius-sm);
	box-shadow: var(--bama-shadow);
	padding: 14px 16px;
	margin: 14px 0 0;
	border: 0;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 6px;
	margin: 0 0 12px;
	padding: 0;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 999px;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 7px 15px;
	border-radius: 999px;
	background: #F1F4F9;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--bama-ink-2);
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li.active a {
	background: var(--bama-blue);
	color: #fff;
}

/* 購物車 / 結帳 */
body.bama-app-body.bama-app-wc .cart_totals,
body.bama-app-body.bama-app-checkout .woocommerce-checkout-review-order,
body.bama-app-body.bama-app-checkout .col2-set,
body.bama-app-body.bama-app-checkout .col3-set {
	background: var(--bama-card);
	border-radius: var(--bama-radius-sm);
	box-shadow: var(--bama-shadow);
	border: 0;
	padding: 16px;
	margin: 14px 0 0;
}
body.bama-app-body.bama-app-wc .cart_totals h2,
body.bama-app-body.bama-app-checkout .woocommerce-checkout-review-order h3 {
	font-size: 15px;
	font-weight: 800;
	margin: 0 0 12px;
}
body.bama-app-body.bama-app-wc table.shop_table {
	border: 0;
	border-radius: var(--bama-radius-sm);
	overflow: hidden;
	box-shadow: var(--bama-shadow);
	background: var(--bama-card);
}
body.bama-app-body.bama-app-wc table.shop_table th,
body.bama-app-body.bama-app-wc table.shop_table td {
	padding: 11px 12px;
	font-size: 12.5px;
	border-bottom: 1px solid var(--bama-line);
}
body.bama-app-body.bama-app-wc .cart_item a img,
body.bama-app-body.bama-app-wc .checkout-review-order-table img {
	width: 56px;
	border-radius: 10px;
}
body.bama-app-body.bama-app-wc .checkout_coupon,
body.bama-app-body.bama-app-wc .cart-collaterals .coupon input[type="text"] {
	border-radius: 12px;
}
body.bama-app-body.bama-app-wc .checkout_coupon input[type="text"] { width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--bama-line); }

/* 帳戶 */
body.bama-app-body.bama-app-account .woocommerce-MyAccount-navigation,
body.bama-app-body.bama-app-account .woocommerce-MyAccount-content {
	background: var(--bama-card);
	border-radius: var(--bama-radius-sm);
	box-shadow: var(--bama-shadow);
	border: 0;
	padding: 14px;
	margin: 0 0 12px;
	width: 100%;
	float: none;
}
body.bama-app-body.bama-app-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 12px;
	border-radius: 10px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	color: var(--bama-ink);
}
body.bama-app-body.bama-app-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--bama-blue-soft);
	color: var(--bama-blue);
}

/* 訊息提示 */
body.bama-app-body .woocommerce-message,
body.bama-app-body .woocommerce-info,
body.bama-app-body .woocommerce-error {
	border-radius: 12px;
	font-size: 13px;
	box-shadow: var(--bama-shadow);
	border-top-color: var(--bama-blue);
}

/* 桌機：app 置中 + 外框陰影 */
@media (min-width: 900px) {
	html { background: #E9ECF3; }
	body.bama-app-body { background: #E9ECF3; }
	.bama-app-shell,
	body.bama-app-body.bama-app-wc {
		background: var(--bama-bg);
		box-shadow: 0 0 0 1px rgba(16, 32, 62, .05), 0 24px 70px rgba(16, 32, 62, .10);
	}
}

/* 桌機：頂部 bar / 底部 tab bar 跟 app 畫布置中，唔好拉成全屏闊 */
@media (min-width: 900px) {
	.bama-topbar,
	.bama-tabbar,
	.bama-sticky-buy {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%);
		width: var(--bama-maxw);
		max-width: 100%;
	}
	.bama-topbar {
		border-left: 1px solid var(--bama-line);
		border-right: 1px solid var(--bama-line);
	}
	.bama-tabbar {
		border-left: 1px solid var(--bama-line);
		border-right: 1px solid var(--bama-line);
		border-radius: 0;
	}
	.bama-sticky-buy {
		border-left: 1px solid var(--bama-line);
		border-right: 1px solid var(--bama-line);
	}
}


/* ==========================================================================
   lulu Review 修正（第三輪）
   ========================================================================== */

/* ⚠️ Hello Plus 用 !important 清走 body padding-top → hero eyebrow / 商品相片頂部被切走 */
body.bama-app-body {
	padding-top: calc(var(--bama-topbar-h) + env(safe-area-inset-top)) !important;
	/* Angie 主題嘅價格色變數 → 改成品牌藍 */
	--ehc-price-color: var(--bama-blue);
}

/* 隱藏 WP admin bar（管理員預覽時 46px 好阻眼，而且令 app 頂部 bar 唔對齊） */
body.bama-app-body #wpadminbar {
	display: none !important;
}
/* ⚠️ WP 核心 admin bar CSS 會寫 `html{margin-top:32px!important}`（登入用戶）
   → 就算 admin bar 咗（display:none），成頁仍然被推低 32px，頂部出現一條留白
   → app 版自己控制頂部 bar 位置，所以要清返 html 嘅 margin */
html:has(body.bama-app-body) {
	margin-top: 0 !important;
}
/* 舊瀏覽器 fallback：PHP 已經唔輸出 admin bar CSS（見 bama-app-ui.php） */
html body.bama-app-body.admin-bar,
html body.bama-app-body {
	margin-top: 0;
}
/* ⚠️ Hello Plus 用 body.ehp-body-after-scroll:not(:has(...)){padding-top:var(--ehp-body-padding-top)!important}
   特異性高過一般規則 → 直接 override 佢個 CSS 變數 */
body.bama-app-body {
	--ehp-body-padding-top: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
}
/* 再加多一層高特異性保險 */
html body.bama-app-body,
html body.bama-app-body.admin-bar {
	padding-top: calc(var(--bama-topbar-h) + env(safe-area-inset-top)) !important;
}
body.bama-app-body.admin-bar .bama-topbar {
	top: 0 !important;
}

/* 結帳頁 select 爆版（innerWidth 423 vs 390） */
body.bama-app-body.bama-app-checkout select,
body.bama-app-body.bama-app-checkout .select,
body.bama-app-body.bama-app-checkout .input-text,
body.bama-app-body.bama-app-checkout textarea,
body.bama-app-body.bama-app-checkout .form-row {
	max-width: 100% !important;
}
body.bama-app-body.bama-app-checkout select {
	width: 100% !important;
	box-sizing: border-box !important;
}
body.bama-app-body.bama-app-checkout .form-row-first,
body.bama-app-body.bama-app-checkout .form-row-last {
	width: 100% !important;
	float: none !important;
}
body.bama-app-body.bama-app-checkout .select2-container,
body.bama-app-body.bama-app-checkout .select2-container .select2-selection {
	width: 100% !important;
	max-width: 100% !important;
}

/* 商品頁原生「加入購物車」掣：同 sticky bar 統一外觀（藍底圓角） */
body.bama-app-body.bama-app-wc div.product form.cart button.button,
body.bama-app-body.bama-app-wc div.product form.cart button.add_to_cart_button,
body.bama-app-body.bama-app-wc div.product form.cart input.button,
body.bama-app-body.bama-app-wc div.product form.cart .single_variation_wrap button {
	background: var(--bama-blue) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 14px !important;
	min-height: 48px;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26) !important;
}

/* 購物資訊面板：粉紅色 → 白色 app 卡（同其他卡一致） */
body.bama-app-body.bama-app-wc .bama-daigou-panel {
	border: 0 !important;
	border-radius: var(--bama-radius-sm) !important;
	background: var(--bama-card) !important;
	box-shadow: var(--bama-shadow) !important;
	padding: 14px 16px !important;
	margin: 14px 0 0 !important;
	font-size: 13.5px !important;
	line-height: 1.7 !important;
}
body.bama-app-body.bama-app-wc .bama-daigou-panel > div {
	color: var(--bama-ink) !important;
	font-size: 12px !important;
	letter-spacing: .06em !important;
}

/* 商品頁描述 / 額外資訊 內文密度 */
body.bama-app-body.bama-app-wc .woocommerce-Tabs-panel p,
body.bama-app-body.bama-app-wc .woocommerce-Tabs-panel li {
	font-size: 13px !important;
	line-height: 1.75 !important;
	color: var(--bama-ink-2) !important;
}

/* 購物車「更新購物車」次要按鈕（要同主 CTA 分層次） */
body.bama-app-body.bama-app-wc button[name="update_cart"] {
	background: #F1F4F9 !important;
	color: var(--bama-ink-2) !important;
	border: 1px solid var(--bama-line) !important;
	box-shadow: none !important;
	font-weight: 700 !important;
}

/* 商品卡 badge 唔好遮住 Patagonia logo（改放右上角） */
.bama-card__flag {
	top: 8px !important;
	right: 8px !important;
	left: auto !important;
}

/* chips 觸控目標 44px（Apple HIG） */
.bama-chip {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
}

/* 首屏縮短（原本要捲 1343px 先見到第一件商品） */
.bama-hero { padding: 20px 18px 22px; }
.bama-hero__title { font-size: 23px; margin: 10px 0 6px; }
.bama-hero__sub { font-size: 12px; margin-bottom: 14px; }
.bama-block { margin: 18px 0 0; }
.bama-promises { margin: 14px 0 0; }


/* 數量選擇器（JS 插入 +/- 按鈕後生效） */
body.bama-app-body.bama-app-wc div.product form.cart .quantity {
	display: inline-flex !important;
	align-items: stretch;
	height: 38px;
	border: 1px solid var(--bama-line);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity .qty {
	width: 38px !important;
	font-size: 13px !important;
	min-width: 0;
	border: 0 !important;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	background: #fff;
	padding: 0;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity .qty:focus {
	outline: none;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity button {
	width: 34px;
	flex: 0 0 34px;
	border: 0 !important;
	background: #F4F6FA;
	color: var(--bama-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity button:active {
	background: #E6EAF1;
}
body.bama-app-body.bama-app-wc div.product form.cart .quantity button:disabled {
	opacity: .4;
	cursor: not-allowed;
}


/* disabled 狀態：提高對比（唔好白字配淡藍灰） */
body.bama-app-body.bama-app-wc div.product form.cart button.button:disabled,
body.bama-app-body.bama-app-wc div.product form.cart button.add_to_cart_button:disabled,
body.bama-app-body.bama-app-wc div.product form.cart button.button.disabled,
body.bama-app-body.bama-app-wc div.product form.cart input.button:disabled {
	background: #64748B !important;
	color: #F1F5F9 !important;
	opacity: 1 !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
}

/* 商品頁 tab：覆蓋 Hello 主題預設黑底，改藥丸（統一 app 風格） */
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px !important;
	padding: 0 !important;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 999px !important;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a,
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a:hover,
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a:focus {
	display: inline-block !important;
	padding: 7px 15px !important;
	border-radius: 999px !important;
	background: #F1F4F9 !important;
	color: var(--bama-ink-2) !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li.active a,
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li.active a:hover {
	background: var(--bama-blue) !important;
	color: #fff !important;
}
/* 移除 Hello 主題 tab 前嘅圓形數字 badge */
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a::before,
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li a::after,
body.bama-app-body.bama-app-wc .woocommerce-tabs ul.tabs li span {
	display: none !important;
}
body.bama-app-body.bama-app-wc .woocommerce-tabs {
	background: var(--bama-card) !important;
	border-radius: var(--bama-radius-sm) !important;
	box-shadow: var(--bama-shadow) !important;
	padding: 14px 16px !important;
	border: 0 !important;
}

/* 商品編號 / 品牌連結：app 風格 */
body.bama-app-body.bama-app-wc div.product .product_meta {
	font-size: 11.5px !important;
	color: var(--bama-ink-2) !important;
}
body.bama-app-body.bama-app-wc div.product .product_meta a {
	color: var(--bama-blue) !important;
	font-weight: 700;
	text-decoration: none !important;
}


/* ==========================================================================
   結帳頁橫向溢出防護（實測 innerWidth 408 vs 390）
   WooCommerce 嘅 country_to_state / state_select（Select2 隱藏原點）會撐爆頁面
   ========================================================================== */

/* Select2 隱藏嘅原始 select：必須完全唔參與 layout */
body.bama-app-body.bama-app-checkout select.select2-hidden-access,
body.bama-app-body.bama-app-checkout select.select2-hidden-access.select2-selection--single,
body.bama-app-body.bama-app-checkout select.select2-hidden-access.select2-selection--multiple {
	width: 1px !important;
	min-width: 1px !important;
	max-width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	position: absolute !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	opacity: 0 !important;
}

/* 所有 select / input 一律唔准撐爆容器 */
body.bama-app-body.bama-app-checkout select,
body.bama-app-body.bama-app-checkout textarea,
body.bama-app-body.bama-app-checkout input[type="text"],
body.bama-app-body.bama-app-checkout input[type="email"],
body.bama-app-body.bama-app-checkout input[type="tel"],
body.bama-app-body.bama-app-checkout input[type="number"],
body.bama-app-body.bama-app-checkout input[type="password"] {
	max-width: 100% !important;
	box-sizing: border-box !important;
}
body.bama-app-body.bama-app-checkout select {
	width: 100% !important;
}
/* country_to_state 呢個係隱藏嘅聯動 select，唔准影響 layout */
body.bama-app-body.bama-app-checkout select.country_to_state,
body.bama-app-body.bama-app-checkout select.state_select {
	width: 100% !important;
	max-width: 100% !important;
}

/* 每一層 form-row / col 都要收得入 */
body.bama-app-body.bama-app-checkout .form-row,
body.bama-app-body.bama-app-checkout .form-row-first,
body.bama-app-body.bama-app-checkout .form-row-last,
body.bama-app-body.bama-app-checkout .woocommerce-billing-fields,
body.bama-app-body.bama-app-checkout .woocommerce-additional-fields,
body.bama-app-body.bama-app-checkout .woocommerce-shipping-fields,
body.bama-app-body.bama-app-checkout .select2-container {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
body.bama-app-body.bama-app-checkout .form-row-first,
body.bama-app-body.bama-app-checkout .form-row-last {
	float: none !important;
}
/* Select2 顯示層 */
body.bama-app-body.bama-app-checkout .select2-container .select2-selection,
body.bama-app-body.bama-app-checkout .select2-container--default .select2-selection--single {
	width: 100% !important;
	max-width: 100% !important;
	height: 44px !important;
	border-radius: 12px !important;
	border-color: var(--bama-line) !important;
}

/* 任何情況都唔准整頁橫向捲動（app 版） */
body.bama-app-body {
	overflow-x: hidden !important;
	max-width: 100vw !important;
}
body.bama-app-body.bama-app-checkout .select2-dropdown-container {
	max-width: 100vw !important;
}


/* ==========================================================================
   Logo 保護：唔准變形（用戶明確要求）
   ========================================================================== */
.bama-topbar img,
.bama-brand img,
.bama-brand__logo {
	height: auto !important;
	width: auto !important;
	max-width: 140px !important;
	max-height: 28px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
/* 如果 parent 窄過 logo，就按比例縮細（唔會拉闊/拉扁） */
.bama-brand {
	max-width: 100%;
	min-width: 0;
}
.bama-brand__logo {
	flex: 0 1 auto;
}

/* ===========================================================================
 * 規格 + 數量 Drawer
 * ========================================================================= */
body.bama-drawer-open { overflow: hidden !important; }

.bama-drawer-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(12, 20, 38, .48);
	opacity: 0;
	transition: opacity .28s ease;
	z-index: 10050;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}
.bama-drawer-backdrop.is-open { opacity: 1; }

.bama-drawer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10060;
	background: #fff;
	border-radius: 22px 22px 0 0;
	box-shadow: 0 -10px 44px rgba(12, 20, 38, .24);
	transform: translateY(100%);
	transition: transform .32s cubic-bezier(.32, .72, 0, 1);
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	padding-bottom: env(safe-area-inset-bottom);
}
.bama-drawer.is-open { transform: translateY(0); }

.bama-drawer__grip {
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #D8DEE9;
	margin: 9px auto 2px;
	flex: none;
}

.bama-drawer__head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 16px 14px;
	border-bottom: 1px solid var(--bama-line);
	flex: none;
}
.bama-drawer__thumb {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	object-fit: cover;
	background: #F1F4F9;
	flex: none;
}
.bama-drawer__headtext { flex: 1; min-width: 0; }
.bama-drawer__title {
	margin: 0 0 3px;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--bama-ink);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.bama-drawer__price {
	font-size: 17px;
	font-weight: 800;
	color: var(--bama-ink);
}
.bama-drawer__price del { color: #94A3B8; font-weight: 500; font-size: 13px; }
.bama-drawer__price ins { text-decoration: none; color: var(--bama-blue); }
.bama-drawer__stock {
	margin: 3px 0 0;
	font-size: 12px;
	color: #64748B;
	min-height: 16px;
}
.bama-drawer__close {
	flex: none;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px;
	border: 0 !important;
	border-radius: 50% !important;
	background: #0F172A !important;
	background-image: none !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .32);
	position: relative;
	z-index: 4;
}
.bama-drawer__close:hover { background: #1E293B !important; }
.bama-drawer__close svg {
	width: 19px !important;
	height: 19px !important;
	stroke: #FFFFFF !important;
	stroke-width: 2.6 !important;
	fill: none !important;
	stroke-linecap: round;
	display: block;
}

.bama-drawer__body {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 4px 16px 8px;
	flex: 1 1 auto;
}
.bama-drawer__group { padding: 14px 0 4px; }
.bama-drawer__group + .bama-drawer__group { border-top: 1px solid #F1F4F9; }
.bama-drawer__label {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: 13px;
	color: #64748B;
	margin-bottom: 10px;
}
.bama-drawer__label strong { color: var(--bama-ink); font-weight: 700; font-size: 13px; }

.bama-drawer__swatches { display: flex; flex-wrap: wrap; gap: 12px; }
.bama-dswatch {
	position: relative;
	width: 46px !important;
	height: 46px !important;
	min-width: 46px;
	border-radius: 50% !important;
	border: 2px solid #FFFFFF !important;
	background: #FFFFFF !important;
	background-image: none !important;
	box-shadow: 0 0 0 1.5px #D5DCE8, 0 1px 4px rgba(15, 23, 42, .14) !important;
	padding: 0 !important;
	cursor: pointer !important;
	display: block !important;
	overflow: visible !important;
	transition: box-shadow .16s ease, transform .16s ease;
}
.bama-dswatch:hover { transform: translateY(-1px); }
/* 填色層：用 absolute inset，確保任何 flex/box 情況下都鋪滿色塊 */
.bama-dswatch__fill {
	position: absolute !important;
	inset: 3px !important;
	top: 3px !important;
	right: 3px !important;
	bottom: 3px !important;
	left: 3px !important;
	width: auto !important;
	height: auto !important;
	border-radius: 50% !important;
	display: block !important;
	background-clip: padding-box !important;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12);
}
.bama-dswatch__check {
	position: absolute;
	right: -3px;
	bottom: -3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--bama-blue);
	border: 2px solid #fff;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale(.5);
	transition: opacity .16s ease, transform .16s ease;
}
.bama-dswatch.is-active {
	border-color: #FFFFFF !important;
	box-shadow: 0 0 0 2.5px var(--bama-blue), 0 1px 4px rgba(15, 23, 42, .16) !important;
}
.bama-dswatch.is-active .bama-dswatch__check { opacity: 1; transform: scale(1); }

.bama-drawer__sizes { display: flex; flex-wrap: wrap; gap: 8px; }
.bama-dsize {
	min-width: 52px !important;
	height: 44px !important;
	padding: 0 14px !important;
	border-radius: 12px !important;
	border: 1.5px solid #E1E7F0 !important;
	background: #FFFFFF !important;
	background-image: none !important;
	color: var(--bama-ink) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all .16s ease;
}
.bama-dsize.is-active {
	background: var(--bama-blue) !important;
	background-image: none !important;
	border-color: var(--bama-blue) !important;
	color: #FFFFFF !important;
}

.bama-drawer__qty { display: inline-flex; align-items: center; gap: 0; }
.bama-dqty {
	width: 44px;
	height: 44px;
	border: 1.5px solid #E1E7F0;
	background: #F7F9FC;
	color: var(--bama-ink);
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bama-dqty:first-child { border-radius: 12px 0 0 12px; }
.bama-dqty:last-child { border-radius: 0 12px 12px 0; }
.bama-dqty__input {
	width: 56px;
	height: 44px;
	border: 1.5px solid #E1E7F0;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: var(--bama-ink);
	background: #fff;
	-moz-appearance: textfield;
}
.bama-dqty__input::-webkit-outer-spin-button,
.bama-dqty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.bama-drawer__foot {
	flex: none;
	padding: 12px 16px 14px;
	border-top: 1px solid var(--bama-line);
	background: #fff;
}
.bama-drawer__add {
	width: 100%;
	height: 50px;
	border-radius: 14px;
	font-size: 16px;
	font-weight: 700;
	border: 0;
}
.bama-drawer__add:disabled { background: #E2E8F0 !important; color: #94A3B8 !important; cursor: not-allowed; }

/* 桌機：drawer 置中 */
@media (min-width: 900px) {
	.bama-drawer {
		left: 50%;
		right: auto;
		bottom: 24px;
		width: 440px;
		transform: translate(-50%, 120%);
		border-radius: 22px;
		max-height: 82vh;
	}
	.bama-drawer.is-open { transform: translate(-50%, 0); }
}

/* 規格改用 drawer → 頁面內原始 variations 表收起 */
body.bama-app-body.bama-app-product div.product form.cart .variations,
body.bama-app-body.bama-app-product div.product form.cart .woocommerce-variation-add-to-cart {
	display: none !important;
}
body.bama-app-body.bama-app-product div.product form.cart .woocommerce-variation {
	display: none !important;
}

/* ===========================================================================
 * 頁尾（重要連結）
 * ========================================================================= */
.bama-foot {
	padding: 22px 18px 18px;
	text-align: center;
	background: #fff;
	border-top: 1px solid var(--bama-line);
	margin-top: 18px;
}
.bama-foot__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 10px;
	margin-bottom: 12px;
}
.bama-foot__links a {
	display: inline-block;
	padding: 9px 14px;
	min-height: 40px;
	line-height: 22px;
	border-radius: 10px;
	background: #F1F4F9;
	color: var(--bama-ink);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.bama-foot__links a:active { background: #E2E8F0; }
.bama-foot__pay {
	margin: 0 0 6px;
	font-size: 12px;
	color: #64748B;
}
.bama-foot__copy {
	margin: 0;
	font-size: 11px;
	color: #94A3B8;
}

/* 一般頁面（條款／私隱等）排版 */
body.bama-app-body .entry-content,
body.bama-app-body .page-content,
body.bama-app-body .wp-block-post-content {
	max-width: 720px;
	margin: 0 auto;
	padding: 18px 18px 8px;
	font-size: 15px;
	line-height: 1.75;
	color: #334155;
}
body.bama-app-body .entry-content h1,
body.bama-app-body .entry-content h2,
body.bama-app-body .entry-content h3 {
	color: var(--bama-ink);
	line-height: 1.4;
	margin: 26px 0 10px;
}
body.bama-app-body .entry-content h1,
body.bama-app-body .page-content h1,
body.bama-app-body .wp-block-post-content h1,
body.bama-app-body .entry-title,
body.bama-app-body h1.entry-title {
	font-size: 24px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	margin: 0 0 10px !important;
	color: var(--bama-ink) !important;
}
body.bama-app-body .entry-content h2,
body.bama-app-body .page-content h2 {
	font-size: 18px !important;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--bama-line);
}
body.bama-app-body .entry-content h3 { font-size: 16px; }
body.bama-app-body .entry-content p { margin: 0 0 12px; }
body.bama-app-body .entry-content ul,
body.bama-app-body .entry-content ol { margin: 0 0 14px; padding-left: 22px; }
body.bama-app-body .entry-content li { margin-bottom: 6px; }
body.bama-app-body .entry-content a { color: var(--bama-blue); }
body.bama-app-body .entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin-bottom: 14px;
}
body.bama-app-body .entry-content th,
body.bama-app-body .entry-content td {
	border: 1px solid var(--bama-line);
	padding: 8px 10px;
	text-align: left;
}
body.bama-app-body .entry-content strong { color: var(--bama-ink); }

/* Drawer：缺貨尺碼 */
.bama-dsize.is-out,
.bama-dsize:disabled {
	opacity: 1 !important;
	background: #F4F6FA !important;
	background-image: none !important;
	border-color: #E6EAF2 !important;
	color: #8B97A8 !important;
	cursor: not-allowed !important;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
.bama-drawer__stock.is-out { color: #C2410C; font-weight: 600; }

/* 輕提示 toast */
.bama-toast {
	position: fixed;
	left: 50%;
	bottom: calc(84px + env(safe-area-inset-bottom));
	transform: translate(-50%, 14px);
	z-index: 10090;
	max-width: calc(100vw - 40px);
	padding: 11px 18px;
	border-radius: 12px;
	background: rgba(15, 23, 42, .92);
	color: #fff;
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .26);
	opacity: 0;
	transition: opacity .22s ease, transform .22s ease;
	pointer-events: none;
}
.bama-toast.is-in { opacity: 1; transform: translate(-50%, 0); }
@media (min-width: 900px) {
	.bama-toast { bottom: 28px; }
}

/* 結賬頁：取消／退款政策提示 */
body.bama-app-body .bama-cancel-policy {
	background: #F7F9FC;
	border: 1px solid #E1E7F0;
	border-radius: 12px;
	padding: 12px 14px;
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.7;
	color: #475569;
}
body.bama-app-body .bama-cancel-policy p { margin: 0 0 6px; }
body.bama-app-body .bama-cancel-policy > p:first-child { color: var(--bama-ink); font-size: 13.5px; }
body.bama-app-body .bama-cancel-policy ul { margin: 0; padding-left: 18px; }
body.bama-app-body .bama-cancel-policy li { margin-bottom: 4px; }
body.bama-app-body .bama-cancel-policy__link { margin: 8px 0 0 !important; font-size: 12.5px; }
body.bama-app-body .bama-cancel-policy a { color: var(--bama-blue); }

/* 會員註冊頁：收集個人資料聲明（PICS） */
body.bama-app-body .bama-pics {
	background: #F7F9FC;
	border: 1px solid #E1E7F0;
	border-radius: 12px;
	padding: 12px 14px;
	margin: 0 0 16px;
	font-size: 12.5px;
	line-height: 1.75;
	color: #64748B;
}
body.bama-app-body .bama-pics__title {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--bama-ink);
}
body.bama-app-body .bama-pics p { margin: 0 0 6px; }
body.bama-app-body .bama-pics p:last-child { margin-bottom: 0; }
body.bama-app-body .bama-pics a { color: var(--bama-blue); }

/* ===========================================================================
 * 缺貨 badge：修正被拉長成直條
 * （.bama-card__flag 嘅 !important override 令 bottom 仍然生效 → 元素被拉高）
 * ======================================================================== */
.bama-card .bama-card__flag--oos {
	top: 8px !important;
	bottom: auto !important;
	left: auto !important;
	right: 8px !important;
	height: auto !important;
	width: auto !important;
}

/* ===========================================================================
 * 帳戶頁：置頂 tab（取代 WooCommerce 直排控制台選單）
 * ======================================================================== */
body.bama-app-body.bama-app-account .woocommerce-MyAccount-navigation {
	display: none !important;
}
.bama-acct-tabs {
	position: sticky;
	top: calc(var(--bama-topbar-h) + env(safe-area-inset-top));
	z-index: 30;
	background: #fff;
	padding: 8px 0 6px;
	margin-bottom: 4px;
	border-bottom: 1px solid var(--bama-line);
}
.bama-acct-tabs__row {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.bama-acct-tab {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 13px;
	border-radius: 999px;
	background: #F1F4F9;
	color: var(--bama-ink);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background .16s ease, color .16s ease;
}
.bama-acct-tab:hover { background: #E6EBF3; }
.bama-acct-tab.is-active {
	background: var(--bama-blue);
	color: #fff;
}

/* ---------- 篩選按鈕 + 篩選 drawer ---------- */
.bama-filter-btn {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto;           /* 唔准被 flex 壓縮，文字唔會出框 */
	gap: 5px;
	height: 26px !important;
	min-height: 26px !important;
	padding: 0 11px !important;
	line-height: 1 !important;
	overflow: visible;
	border: 1px solid #D7DFEA;
	border-radius: 999px;
	background: #fff;
	color: var(--bama-ink);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}
.bama-filter-btn svg {
	width: 15px; height: 15px;
	fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;
}
.bama-filter-btn:active { background: #F1F4F9; }
.bama-filter-btn__badge {
	display: inline-flex !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-width: 16px;
	height: 16px;
	max-height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--bama-blue);
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 1;
}
.bama-drawer__head--filter { align-items: center; justify-content: space-between; }
.bama-drawer__head--filter .bama-drawer__title { font-size: 17px; font-weight: 800; margin: 0; }
.bama-filter__opts { display: flex; flex-wrap: wrap; gap: 8px; }
.bama-filter__opt {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 13px;
	border-radius: 999px;
	border: 1px solid var(--bama-line);
	background: #F7F9FC;
	font-size: 13px;
	font-weight: 600;
	color: var(--bama-ink-2);
	cursor: pointer;
}
.bama-filter__opt input { position: absolute; opacity: 0; pointer-events: none; }
.bama-filter__opt:has(input:checked) {
	background: var(--bama-blue);
	border-color: var(--bama-blue);
	color: #fff;
}
.bama-filter__opt:has(input:focus-visible) { outline: 2px solid var(--bama-blue); outline-offset: 2px; }
.bama-filter__price {
	display: flex;
	align-items: center;
	gap: 8px;
}
.bama-filter__price input {
	flex: 1;
	min-width: 0;
	height: 38px;
	padding: 0 11px;
	border: 1px solid var(--bama-line);
	border-radius: 10px;
	background: #F7F9FC;
	font-size: 14px;
	color: var(--bama-ink);
}
.bama-filter__price input:focus { outline: none; border-color: var(--bama-blue); background: #fff; }
.bama-btn--filter-clear,
.bama-btn--filter-apply { flex: 1; justify-content: center; text-align: center; }
.bama-btn--filter-clear {
	background: #EDF1F7;
	color: var(--bama-ink);
	border: none;
	border-radius: 10px;
	height: 42px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.bama-btn--filter-apply {
	height: 42px;
	border: none;
	border-radius: 10px;
	background: var(--bama-blue);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

/* 關閉鈕：用 CSS 畫 ×（SVG 盒寬唔穩會令圖案偏位） */
.bama-drawer__close--css { position: relative; }
.bama-drawer__close--css::before,
.bama-drawer__close--css::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 15px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	transform: translate(-50%, -50%) rotate(45deg);
}
.bama-drawer__close--css::after { transform: translate(-50%, -50%) rotate(-45deg); }

/* 分類頁常駐提示（現貨頁） */
.bama-shopnote {
	margin: 0 0 10px;
	padding: 7px 12px;
	border-radius: 10px;
	background: #F3F6FB;
	border: 1px solid #E6EBF3;
	font-size: 12.5px;
	line-height: 1.5;
	color: var(--bama-ink-2);
}
.bama-shopnote a {
	color: var(--bama-blue);
	font-weight: 700;
	text-decoration: none;
}
.bama-shopnote a:hover { text-decoration: underline; }

/* ---------- 轉頁載入動畫 ---------- */
.bama-loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .94);
	opacity: 0;
	visibility: hidden;
	transition: opacity .18s ease, visibility .18s ease;
}
.bama-loader.is-on { opacity: 1; visibility: visible; }
.bama-loader__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.bama-loader__spin {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 3px solid #DCE5F2;
	border-top-color: var(--bama-blue);
	animation: bama-loader-spin .8s linear infinite;
}
@keyframes bama-loader-spin {
	to { transform: rotate(360deg); }
}
.bama-loader__txt {
	font-size: 13px;
	font-weight: 600;
	color: var(--bama-ink-2);
	letter-spacing: .04em;
}

/* ---------- 我的帳戶：條款／私隱／聯絡按鈕 ---------- */
.bama-acct-links {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--bama-line);
}
.bama-acct-links__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--bama-card);
	border: 1px solid var(--bama-line);
	color: var(--bama-ink);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.bama-acct-links__btn:hover { background: #E9EEF6; }

/* ---------- Cookie 同意閘門 ---------- */
html.bama-cookie-lock,
html.bama-cookie-lock body {
	overflow: hidden !important;
	touch-action: none;
}
.bama-cookie {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 16px;
	background: rgba(11, 22, 38, .55);
	opacity: 1;
	transition: opacity .24s ease;
}
.bama-cookie.is-gone { opacity: 0; pointer-events: none; }
.bama-cookie__card {
	width: 100%;
	max-width: 460px;
	background: #fff;
	border-radius: 16px;
	padding: 20px 18px 18px;
	box-shadow: 0 18px 48px rgba(4, 20, 40, .3);
}
.bama-cookie__title {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 800;
	color: var(--bama-ink);
}
.bama-cookie__text {
	margin: 0 0 16px;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--bama-ink-2);
}
.bama-cookie__text a { color: var(--bama-blue); font-weight: 600; }
.bama-cookie__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 46px;
	border: 0;
	border-radius: 12px;
	background: var(--bama-blue);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.bama-cookie__btn:active { background: #0A4A96; }


/* ========================================================================
 * 價格雙滑條（0–6000，50 一級；6000 = 不限）
 * ==================================================================== */
.bama-range {
	position: relative;
	height: 44px;
	margin: 6px 4px 0;
}
.bama-range__track,
.bama-range__fill {
	position: absolute;
	top: 50%;
	left: 0;
	height: 4px;
	margin-top: -2px;
	border-radius: 99px;
}
.bama-range__track { right: 0; background: #dfe5ec; }
.bama-range__fill { background: #1f6feb; }
.bama-range__input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}
.bama-range__input:focus { outline: none; }
.bama-range__input::-webkit-slider-runnable-track {
	height: 44px;
	background: none;
	border: none;
}
.bama-range__input::-webkit-slider-thumb {
	-webkit-appearance: none;
	pointer-events: auto;
	width: 26px;
	height: 26px;
	margin-top: 9px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #1f6feb;
	box-shadow: 0 1px 5px rgba(16, 32, 58, .28);
	cursor: pointer;
}
.bama-range__input::-moz-range-track {
	height: 44px;
	background: none;
	border: none;
}
.bama-range__input::-moz-range-thumb {
	pointer-events: auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #1f6feb;
	box-shadow: 0 1px 5px rgba(16, 32, 58, .28);
	cursor: pointer;
}
.bama-range__vals {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 700;
	color: #16233a;
}
.bama-range__val--hi { color: #1f6feb; }


/* ==========================================================================
   測試中提示條（喺底部 Nav 上面）
   ========================================================================== */
body.bama-app-body {
	--bama-notice-bottom: calc(var(--bama-tabbar-h) + env(safe-area-inset-bottom));
}
/* 結帳／訂單頁：底部有測試提示條 + Nav → 內容要多讓位，唔好被遮住 */
body.bama-app-body.bama-app-checkout {
	padding-bottom: calc(var(--bama-tabbar-h) + var(--bama-notice-h) + env(safe-area-inset-bottom) + 16px) !important;
}

body.bama-app-body.bama-has-sticky-buy {
	--bama-notice-bottom: calc(var(--bama-tabbar-h) + var(--bama-sticky-h) + env(safe-area-inset-bottom));
	/* 商品頁：sticky buy bar 喺 Nav 上方 → 內容要多讓兩層 */
	padding-bottom: calc(var(--bama-tabbar-h) + var(--bama-sticky-h) + var(--bama-notice-h) + env(safe-area-inset-bottom) + 12px);
}
body.bama-app-body .bama-notice {
	position: fixed;
	left: 0;
	right: 0;
	bottom: var(--bama-notice-bottom);
	z-index: 997;
	background: #7a2e12;
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .02em;
	text-align: center;
	padding: 8px 14px;
	box-shadow: 0 -2px 8px rgba(16, 32, 62, .10);
}


/* ==========================================================================
   滑動自動載入（無限捲動）提示條
   ========================================================================== */
.bama-infinite {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 22px 14px 28px;
	color: #6b7a90;
	font-size: 13px;
	font-weight: 600;
	cursor: default;
}
.bama-infinite__spin {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(31, 111, 235, .22);
	border-top-color: #1f6feb;
	animation: bama-inf-spin .7s linear infinite;
}
.bama-infinite[data-state="idle"] .bama-infinite__spin,
.bama-infinite[data-state="done"] .bama-infinite__spin,
.bama-infinite[data-state="error"] .bama-infinite__spin { display: none; }
.bama-infinite[data-state="error"] { color: #b3261e; cursor: pointer; }
@keyframes bama-inf-spin { to { transform: rotate(360deg); } }


/* ==========================================================================
   購物車：只留重要資訊（用戶 2026-11-08）
   - 收走「移除商品／縮圖圖片／更新購物車」等雜訊
   - 單價弱化、小計突出
   ========================================================================== */
body.bama-app-body.bama-app-cart .woocommerce-cart-form table.shop_table thead {
	display: none;                 /* 欄名用 td 的 data-title 就夠 */
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form table.shop_table th {
	padding: 0;
	border: 0;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-remove {
	width: 26px;
	padding: 10px 4px 10px 0;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #F1F4F9;
	color: #6B7A90;
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-remove a.remove::before {
	content: "×";
	font-size: 16px;
	font-weight: 600;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-remove a.remove span {
	display: none;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-thumbnail {
	width: 58px;
	padding: 10px 6px 10px 0;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-name {
	padding: 10px 8px 4px 0;
	font-weight: 700;
	font-size: 13.5px;
	line-height: 1.4;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-name a {
	color: var(--bama-ink);
	text-decoration: none;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-price {
	padding: 0 8px 4px 0;
	font-size: 12px;
	color: var(--bama-ink-2);
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-quantity {
	padding: 4px 8px 10px 0;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form td.product-subtotal {
	padding: 10px 0;
	font-weight: 800;
	font-size: 14px;
	color: var(--bama-blue);
	text-align: right;
}
body.bama-app-body.bama-app-cart .woocommerce-cart-form .coupon,
body.bama-app-body.bama-app-cart .woocommerce-cart-form .cart-collaterals .coupon {
	display: none;                 /* 冇 coupon 系統，收埋 */
}
body.bama-app-body.bama-app-cart button[name="update_cart"] {
	display: none;                 /* 數量改完自動提交，唔使再撳 */
}
/* 桌面版：欄名表頭仍然有用，但隱藏「移除／縮圖」兩欄標題 */
@media (min-width: 900px) {
	body.bama-app-body.bama-app-cart .woocommerce-cart-form table.shop_table thead {
		display: table-header-group;
	}
	body.bama-app-body.bama-app-cart .woocommerce-cart-form table.shop_table th.product-remove,
	body.bama-app-body.bama-app-cart .woocommerce-cart-form table.shop_table th.product-thumbnail {
		font-size: 0;                 /* 淨係清走文字，保留欄寬 */
	}
}



/* ==========================================================================
   商品卡：圖片右下角品牌 logo
   ⚠️ .bama-card__media img 有 width/height 規則會覆蓋 → 用同等特異度 + !important
   ========================================================================== */
body.bama-app-body .bama-card__media .bama-card__brandlogo {
	position: absolute !important;
	right: 6px !important;
	bottom: 6px !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 56px !important;
	max-height: 22px !important;
	object-fit: contain !important;
	object-position: right bottom !important;
	padding: 3px 6px !important;
	border-radius: 5px !important;
	background: rgba(255, 255, 255, .90) !important;
	backdrop-filter: saturate(180%) blur(6px);
	-webkit-backdrop-filter: saturate(180%) blur(6px);
	box-shadow: 0 1px 4px rgba(16, 32, 62, .14) !important;
	pointer-events: none;
	z-index: 3;
}


/* ==========================================================================
   「我的帳戶」右側 off-canvas 抽屜（2026-11-08 用戶要求）
   ========================================================================== */

.bama-sheet-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(12, 20, 38, .46);
	z-index: 10070;
	opacity: 0;
	transition: opacity .28s ease;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}
.bama-sheet-backdrop.is-open { opacity: 1; }

.bama-sheet {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(88vw, 380px);
	max-width: 100%;
	z-index: 10080;
	background: #fff;
	box-shadow: -12px 0 40px rgba(12, 20, 38, .22);
	transform: translateX(100%);
	transition: transform .30s cubic-bezier(.32, .72, 0, 1);
	display: flex;
	flex-direction: column;
	padding-bottom: env(safe-area-inset-bottom);
}
.bama-sheet.is-open { transform: translateX(0); }

.bama-sheet__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 16px 12px;
	border-bottom: 1px solid var(--bama-line, #E6EAF2);
	flex: none;
}
.bama-sheet__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #16224A;
}
.bama-sheet__close {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #16224A !important;
	background-color: #16224A !important;
	background-image: none !important;
	box-shadow: none !important;
	cursor: pointer;
	position: relative;
	flex: 0 0 auto;
	padding: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}
.bama-sheet__close::before,
.bama-sheet__close::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 13px;
	height: 2px;
	background: #fff;
	transform: translate(-50%, -50%) rotate(45deg);
}
.bama-sheet__close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.bama-sheet__body {
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px;
}

.bama-sheet__foot {
	flex: none;
	border-top: 1px solid var(--bama-line, #E6EAF2);
	padding: 10px 16px calc(12px + env(safe-area-inset-bottom));
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bama-sheet__foot-link {
	flex: 1 1 auto;
	text-align: center;
	font-size: 13.5px;
	font-weight: 600;
	color: #16224A !important;
	text-decoration: none !important;
	background: #F1F4FA !important;
	background-color: #F1F4FA !important;
	border: 1px solid #D6DEEC !important;
	border-radius: 10px !important;
	padding: 10px 6px !important;
	box-shadow: none !important;
}
.bama-sheet__foot-link:active { background: #E9EDF6; }

/* 已登入：控制台 */
.bama-acct__hello {
	margin: 0 0 14px;
	font-size: 15px;
	color: #16224A;
	font-weight: 600;
}
.bama-acct__menu { display: flex; flex-direction: column; gap: 2px; }
.bama-acct__menu a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 4px;
	font-size: 15px;
	color: #16224A;
	text-decoration: none;
	border-bottom: 1px solid #F0F3F8;
}
.bama-acct__menu a:active { color: var(--bama-blue, #2E86DE); }
.bama-acct__menu-ico { width: 22px; height: 22px; flex: 0 0 auto; }
.bama-acct__menu-ico svg { width: 22px; height: 22px; fill: none; stroke: #44506B; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* 未登入：登入表 */
.bama-acct__login { display: flex; flex-direction: column; gap: 14px; }
.bama-acct__field { display: block; }
.bama-acct__label {
	display: block;
	font-size: 13px;
	color: #5A6580;
	margin-bottom: 6px;
}
.bama-acct__input {
	width: 100% !important;
	height: 46px !important;
	border: 1px solid #D8DEE9 !important;
	border-radius: 10px !important;
	padding: 0 13px !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	color: #16224A !important;
	background: #fff !important;
	background-color: #fff !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
.bama-acct__input:focus {
	outline: none;
	border-color: var(--bama-blue, #2E86DE);
	box-shadow: 0 0 0 3px rgba(46, 134, 222, .14);
}
.bama-acct__remember {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #44506B;
}
.bama-acct__remember input {
	width: 17px !important;
	height: 17px !important;
	min-width: 17px !important;
	min-height: 17px !important;
	flex: 0 0 auto;
	margin: 0 !important;
	accent-color: var(--bama-blue, #2E86DE);
}
.bama-acct__submit {
	width: 100% !important;
	height: 48px !important;
	font-size: 16px !important;
	border-radius: 12px !important;
	border: 0 !important;
}
.bama-acct__reg {
	margin: 16px 0 0;
	font-size: 14px;
	color: #5A6580;
	text-align: center;
}
.bama-acct__reg a {
	color: var(--bama-blue, #2E86DE);
	font-weight: 600;
	text-decoration: none;
}

/* Nav 個 account 掣（button 唔可以有 browser 預設樣） */
.bama-tab--btn {
	/* ⚠️ 主題 generic button 規則（:is(button,…):not(…) → 特異度 0,2,0）會令
	   display 變 block、color 變 #fff → 圖示白底白線＝完全睇唔到、圖示文字並排
	   → 呢度要逐項 !important 硬壓返 .bama-tab 嘅值 */
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px !important;
	flex: 1 1 0 !important;
	color: #8A93A3 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	font: inherit;
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
	text-decoration: none !important;
	cursor: pointer;
	-webkit-appearance: none !important;
	appearance: none !important;
}
/* 選中狀態（!important 要同樣硬壓，但特異度更高先贏） */
body.bama-app-body .bama-tab--btn.is-active { color: var(--bama-blue) !important; }

/* 抽屜開啟時鎖住頁面捲動 */
body.bama-drawer-open { overflow: hidden; }

/* --------------------------------------------------------------------------
 * app 自己嘅 <button> 唔可以被主題 generic button 規則蓋過
 * 原因：主題 hello-commerce 用 `:is(button,[type=submit],[type=button]):not(:is(.elementor-element *,[class*="wc-block-"] *))`
 *       → 特異度 (0,2,0) > `.bama-btn--solid` 嘅 (0,1,0) → 背景變主題色
 * ------------------------------------------------------------------------ */
button.bama-btn {
	border: 0 !important;
	border-radius: 999px !important;
	height: 42px !important;
	min-height: 42px !important;
	padding: 0 22px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
button.bama-btn--solid {
	background: var(--bama-blue) !important;
	background-color: var(--bama-blue) !important;
	background-image: none !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26) !important;
}
button.bama-btn--light {
	background: #fff !important;
	background-color: #fff !important;
	color: var(--bama-blue) !important;
	box-shadow: 0 6px 18px rgba(4, 26, 58, .2) !important;
}
button.bama-btn--ghost {
	background: rgba(255, 255, 255, .16) !important;
	background-color: rgba(255, 255, 255, .16) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .38) !important;
}
button.bama-btn--filter-clear {
	background: #EDF1F7 !important;
	background-color: #EDF1F7 !important;
	color: var(--bama-ink) !important;
	border-radius: 10px !important;
	height: 42px !important;
	font-size: 14px !important;
}
button.bama-btn--filter-apply {
	background: var(--bama-blue) !important;
	background-color: var(--bama-blue) !important;
	color: #fff !important;
	border-radius: 10px !important;
	height: 42px !important;
	font-size: 14px !important;
}
/* 帳戶抽屜登入掣（要滿版、大過一般按鈕） */
button.bama-acct__submit {
	width: 100% !important;
	height: 48px !important;
	font-size: 16px !important;
	border-radius: 12px !important;
	background: var(--bama-blue) !important;
	background-color: var(--bama-blue) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(11, 79, 158, .26) !important;
}

/* ==========================================================================
   帳戶頁：最外 padding 收窄（2026-11-08 用戶：「最外padding要用窄」）
   ========================================================================== */
html body.bama-app-body.bama-app-account .site-main {
	padding: 8px 8px 8px !important;
}
body.bama-app-body.bama-app-account .page-content {
	max-width: none !important;
	margin: 0 !important;
	padding: 12px 8px 8px !important;
}
body.bama-app-body.bama-app-account .woocommerce-MyAccount-content {
	padding: 12px !important;
	margin: 0 !important;
}
body.bama-app-body.bama-app-account .col2-set,
body.bama-app-body.bama-app-account .woocommerce-AddressList {
	margin: 0 !important;
}
body.bama-app-body.bama-app-account .woocommerce-AddressList__addressItem,
body.bama-app-body.bama-app-account .woocommerce-AddressList > li {
	border: 0 !important;
	background: var(--bama-card) !important;
	border-radius: var(--bama-radius-sm) !important;
	box-shadow: var(--bama-shadow) !important;
	padding: 12px !important;
	margin: 0 0 10px !important;
}

/* 帳戶頁：登入／註冊表唔好貼邊，掣同輸入框同寬 */
body.bama-app-body.bama-app-account .woocommerce-MyAccount-content {
	padding: 10px !important;
}
body.bama-app-body.bama-app-account .woocommerce-form-login,
body.bama-app-body.bama-app-account .woocommerce-form-register {
	border: 0 !important;
	background: var(--bama-card) !important;
	border-radius: var(--bama-radius-sm) !important;
	box-shadow: var(--bama-shadow) !important;
	padding: 14px !important;
	margin: 0 0 10px !important;
}
body.bama-app-body.bama-app-account .woocommerce-form-login .form-row,
body.bama-app-body.bama-app-account .woocommerce-form-register .form-row {
	margin: 0 0 10px !important;
	padding: 0 !important;
}
body.bama-app-body.bama-app-account .woocommerce-form-login input[type="text"],
body.bama-app-body.bama-app-account .woocommerce-form-login input[type="email"],
body.bama-app-body.bama-app-account .woocommerce-form-login input[type="password"],
body.bama-app-body.bama-app-account .woocommerce-form-register input[type="text"],
body.bama-app-body.bama-app-account .woocommerce-form-register input[type="email"],
body.bama-app-body.bama-app-account .woocommerce-form-register input[type="password"] {
	width: 100% !important;
	height: 44px !important;
	border: 1px solid var(--bama-line) !important;
	border-radius: 10px !important;
	padding: 0 12px !important;
	font-size: 16px !important;
	background: #fff !important;
}
body.bama-app-body.bama-app-account .woocommerce-form-login .woocommerce-button,
body.bama-app-body.bama-app-account .woocommerce-form-register .woocommerce-button {
	width: 100% !important;
	height: 46px !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	margin: 4px 0 0 !important;
	background: var(--bama-blue) !important;
	background-color: var(--bama-blue) !important;
	color: #fff !important;
	border: 0 !important;
}