/* ==================== 導航列基礎樣式 ==================== */
.navbar > .container {
		align-items: flex-end !important;
}
.navbar-custom {
		background: rgba(255, 248, 249, 0.95);
		backdrop-filter: blur(20px);
		box-shadow: 0 2px 20px rgba(232, 180, 188, 0.1);
		padding: 0.75rem 0;
		position: fixed;
		height: 90px;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1030;
		transform: translateY(0);
		opacity: 1;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.home .navbar-custom {
		transform: translateY(-100%);
		opacity: 0;
}
.navbar-custom.visible {
		transform: translateY(0);
		opacity: 1;
}
/* ==================== Logo 樣式 ==================== */
.navbar-brand .logo-img {
		max-height: 60px;
		width: auto;
		transition: all 0.3s ease;
}
.navbar-brand:hover .logo-img {
		transform: scale(1.05);
}
.logo-img-mobile {
		max-height: 40px;
		width: auto;
}
/* ==================== 固定功能圖示（購物車 + MENU）==================== */
.nav-icons-fixed {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-left: auto;
}
/* ==================== 統一選單容器 ==================== */
.navbar-custom .offcanvas-collapse {
		/* 電腦版：正常顯示 */
		position: static;
		visibility: visible;
		transform: none;
		transition: none;
}
/* ==================== Offcanvas Header ==================== */
.navbar-custom .offcanvas-header {
		padding: 1.5rem;
		border-bottom: 1px solid rgba(232, 180, 188, 0.2);
}
.navbar-custom .offcanvas .btn-close {
		color: var(--primary-color);
		opacity: 0.8;
		transition: all 0.3s ease;
}
.navbar-custom .offcanvas .btn-close:hover {
		opacity: 1;
		transform: rotate(90deg);
}
/* ==================== Offcanvas Body ==================== */
.navbar-custom .offcanvas-body {
		display: flex;
		flex-direction: column;
}
/* ==================== 主選單樣式 ==================== */
.main-menu {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		gap: 0;
}
/* ==================== 功能圖示區 ==================== */
.nav-icons-group {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-left: 1.5rem !important;
}
.nav-icon {
		position: relative;
		color: var(--text-dark);
		font-size: 1.2rem;
		cursor: pointer;
		transition: all 0.3s ease-out;
}
.nav-icon > .bi-person {
		font-size: 1.65rem;
}
.nav-icon > a {
		color: var(--text-dark);
}
.nav-icon:hover > a, .nav-icon:hover {
		color: var(--primary-color);
		transform: scale(1.05);
}
.cart-badge {
		position: absolute;
		top: -8px;
		right: -8px;
		background: var(--primary-color);
		color: white;
		font-size: 0.65rem;
		padding: 2px 5px;
		border-radius: 10px;
		font-weight: 500;
}
/* ==================== MENU 按鈕 ==================== */
.menu-btn {
		background: none;
		border: none;
		color: var(--text-dark);
		font-size: 2rem;
		cursor: pointer;
		padding: 0.5rem;
		transition: all 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	 outline: none !important;
}
.menu-btn.active i {
		transform: rotate(90deg);
}
.menu-btn i {
		transition: transform 0.3s ease;
}
.menu-btn:hover {
		color: var(--primary-color);
		transform: scale(1.05);
}
/* ==================== 搜尋框 Dropdown ==================== */
.search-dropdown {
		position: absolute;
		top: 100%;
		right: 0;
		margin-top: 15px;
		background: white;
		border-radius: 15px;
		box-shadow: 0 10px 40px rgba(232, 180, 188, 0.2);
		padding: 20px;
		min-width: 350px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		/* ========== 改用更平滑的緩動 ========== */
		transition: all 0.3s ease-out;
		z-index: 1000;
}
.search-dropdown.show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
}
.search-input-wrapper {
		position: relative;
}
.search-input-wrapper input {
		width: 100%;
		padding: 12px 55px 12px 20px;
		border: 2px solid var(--secondary-color);
		border-radius: 25px;
		font-size: 1rem;
		transition: all 0.3s ease-out;
}
.search-input-wrapper input:focus {
		outline: none;
		border-color: var(--primary-color);
		box-shadow: 0 0 0 3px rgba(232, 180, 188, 0.1);
}
.search-input-wrapper button {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		background: var(--primary-color);
		border: none;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		color: white;
		cursor: pointer;
		transition: all 0.3s ease-out;
}
.search-input-wrapper button i {
		font-size: 1rem;
}
.search-input-wrapper button:hover {
		background: var(--secondary-color);
		transform: translateY(-50%) scale(1.1);
}
/* ==================== 會員中心 Dropdown ==================== */
.member-dropdown {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -10px);
		margin-top: 14px;
		background: white;
		border-radius: 15px;
		box-shadow: 0 10px 40px rgba(232, 180, 188, 0.2);
		padding: 15px 0;
		min-width: 220px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-out;
		z-index: 1000;
}
.member-dropdown.show {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0);
}
.member-dropdown-item {
		padding: 12px 25px;
		color: var(--text-dark);
		text-decoration: none;
		display: flex;
		align-items: flex-start;
		gap: 12px;
		font-size: 0.95rem;
		transition: all 0.25s ease-out;
		cursor: pointer;
}
.member-dropdown-item:hover {
		background: var(--accent-color);
		color: var(--primary-color);
}
.member-dropdown-item i {
		font-size: 1.1rem;
}
.member-dropdown-divider {
		height: 1px;
		background: var(--secondary-color);
		margin: 8px 0;
		opacity: 0.3;
}
/* ==================== 語言選擇器 Dropdown ==================== */
.language-selector {
		position: relative;
		color: var(--text-dark);
		font-size: 1rem;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 10px;
		transition: color 0.3s ease-out;
}
.language-selector:hover {
		color: var(--primary-color);
}
.language-selector > .bi-globe {
		font-size: 1.25rem;
}
.language-dropdown {
		position: absolute;
		top: 100%;
		right: 0;
		margin-top: 18px;
		background: white;
		border-radius: 15px;
		box-shadow: 0 10px 40px rgba(232, 180, 188, 0.2);
		padding: 10px 0;
		min-width: 180px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		/* ========== 改用更平滑的緩動 ========== */
		transition: all 0.3s ease-out;
		z-index: 1000;
}
.language-dropdown.show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
}
.language-dropdown-item {
		padding: 10px 20px;
		color: var(--text-dark);
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 0.9rem;
		transition: all 0.25s ease-out;
		cursor: pointer;
		border: 0;
		outline: none;
		width: 100%;
		background-color: transparent;
}
.language-dropdown-item:hover {
		background: var(--accent-color);
		color: var(--primary-color);
}
.language-dropdown-item.active {
		background: var(--secondary-color);
		color: var(--primary-color);
		font-weight: 500;
}
.language-dropdown-item i {
		font-size: 1rem;
}
/* ==================== 社交媒體（手機版）==================== */
.mobile-social {
		display: flex;
		justify-content: center;
		gap: 20px;
}
.mobile-social-icon {
		width: 45px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--primary-color);
		font-size: 1.3rem;
		text-decoration: none;
		transition: all 0.3s ease;
		border-radius: 50%;
		background: var(--accent-color);
		border: 2px solid transparent;
}
.mobile-social-icon:hover {
		background: var(--primary-color);
		color: white;
		transform: translateY(-3px) rotate(5deg);
		border-color: var(--primary-color);
		box-shadow: 0 5px 15px rgba(232, 180, 188, 0.4);
}
/* ==================== 版權（手機版）==================== */
.mobile-copyright {
		text-align: center;
		font-size: 0.75rem;
		color: rgba(90, 74, 74, 0.5);
		letter-spacing: 0.5px;
}
/* ==================== Sticky Bottom Footer（直接切換 + 滑入動畫）==================== */
.sticky-footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(255, 255, 255, 0);
		backdrop-filter: blur(20px);
		box-shadow: 0 -2px 30px rgba(232, 180, 188, 0);
		z-index: 999;
}
/* ========== 展開時改為相對定位 ========== */
.sticky-footer.expanded {
		position: relative;
		bottom: auto;
		background: rgba(255, 255, 255, 1);
		/*background: rgba(251, 237, 239, 1);*/
		box-shadow: 0 -2px 30px rgba(232, 180, 188, 0.15);
		z-index: 1;
}
/* ========== 簡化版 Footer ========== */
.footer-minimal {
		padding: 20px 0;
		text-align: center;
		display: block;
		opacity: 1;
		transform: translateY(0);
		transition: opacity 0.4s ease, transform 0.5s ease;
}
/* 展開時隱藏簡化版（向下滑出）*/
.sticky-footer.expanded .footer-minimal {
		display: none;
		opacity: 0;
		transform: translateY(20px);
}
/* 收合時的滑入動畫 */
.sticky-footer:not(.expanded) .footer-minimal {
		animation: slideUpFadeIn 0.6s ease forwards;
}
@keyframes slideUpFadeIn {
		0% {
				opacity: 0;
				transform: translateY(30px);
		}
		100% {
				opacity: 1;
				transform: translateY(0);
		}
}
.footer-copyright-simple {
		color: #000000;
		font-size: 1rem;
		letter-spacing: 1px;
}
/* ========== 完整版 Footer ========== */
.footer-expanded {
		display: none;
		opacity: 0;
}
/* 展開時顯示完整版（淡入）*/
.sticky-footer.expanded .footer-expanded {
		display: block;
		padding: 4rem 0;
		opacity: 1;
		animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
/* ========== 新版面配置 ========== */
/* 主要區域（Logo + 連結 + 社交媒體）*/
.footer-main-row {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 40px;
}
/* Logo 區域 */
.footer-brand {
		flex-shrink: 0;
}
.footer-brand img {
		max-width: 240px;
}
.footer-logo {
		font-size: 1.8rem;
		font-weight: 400;
		color: var(--primary-color);
		margin: 0;
		letter-spacing: 1.5px;
		transition: all 0.3s ease;
}
.footer-logo:hover {
		letter-spacing: 2px;
}
/* 中間連結區 */
.footer-links-row {
		display: flex;
		gap: 10px;
		flex: 1;
		justify-content: center;
		color: #dda1aa;
		align-items: center;
}
.footer-link-item {
		display: flex;
		flex-direction: column;
		text-decoration: none;
		transition: all 0.4s ease;
		position: relative;
		width: fit-content;
}
.footer-link-item::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary-color);
		transition: width 0.4s ease;
}
.footer-link-item:hover::after {
		width: 100%;
}
.footer-link-item:hover {
		transform: translateY(-3px);
}
.footer-link-title {
		font-size: .85rem;
		font-weight: 600;
		color: var(--primary-color);
		letter-spacing: normal;
		transition: color 0.3s ease;
}
.footer-link-subtitle {
		font-size: 0.8rem;
		color: var(--primary-color);
		font-weight: 400;
		transition: color 0.3s ease;
}
.footer-link-item:hover .footer-link-title {
		color: var(--primary-color);
}
.footer-link-item:hover .footer-link-subtitle {
		color: var(--primary-color);
}
/* 社交媒體區 */
.footer-social-row {
		display: flex;
		gap: 15px;
		flex-shrink: 0;
		justify-content: flex-end;
}
.footer-social-row .footer-social-icon {
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--primary-color);
		font-size: 1.75rem;
		text-decoration: none;
		transition: all 0.4s ease;
		border-radius: 50%;
		background: var(--accent-color);
		border: 2px solid transparent;
}
.footer-social-row .footer-social-icon:hover {
		background: var(--primary-color);
		color: white;
		transform: translateY(-5px) rotate(5deg);
		border-color: var(--primary-color);
		box-shadow: 0 5px 15px rgba(232, 180, 188, 0.4);
}
/* 次要連結區 */
.footer-secondary-row {
		display: flex;
		flex-wrap: wrap;
		gap: 25px;
		justify-content: center;
		padding: 25px 0;
		margin-bottom: 25px;
}
.footer-secondary-link {
		font-size: 1rem;
		color: rgba(90, 74, 74, 0.65);
		text-decoration: none;
		transition: all 0.3s ease;
		font-weight: 400;
		position: relative;
		padding-bottom: 2px;
}
.footer-secondary-link::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 1px;
		background: var(--primary-color);
		transition: width 0.3s ease;
}
.footer-secondary-link:hover {
		color: var(--primary-color);
}
.footer-secondary-link:hover::after {
		width: 100%;
}
/* 版權區 */
.footer-copyright-row {
		text-align: end;
		font-size: 0.8rem;
		color: rgba(90, 74, 74, 0.55);
		font-weight: 300;
		letter-spacing: 1px;
}
@keyframes slideUpFadeIn_m {
		0% {
				opacity: 0;
				transform: translateY(20px);
		}
		100% {
				opacity: 1;
				transform: translateY(0);
		}
}
/* ==================== 為內容區塊增加底部間距 ==================== */
.scroll-container {
		padding-bottom: 80px;
}
.page .scroll-container {
		padding-bottom: 0;
		margin-top: 90px;
}
body.footer-expanded-active .scroll-container {
		padding-bottom: 0;
}
/* ==================== 額外的動畫效果 ==================== */
.sticky-footer.expanded .footer-main-row {
		animation: slideUpContent 0.6s ease forwards;
}
.sticky-footer.expanded .footer-secondary-row {
		animation: slideUpContent 0.7s ease forwards;
}
.sticky-footer.expanded .footer-copyright-row {
		animation: slideUpContent 0.8s ease forwards;
}
@keyframes slideUpContent {
		0% {
				opacity: 0;
				transform: translateY(20px);
		}
		100% {
				opacity: 1;
				transform: translateY(0);
		}
}
/* ==================== 次選單樣式 ==================== */
/* 有次選單的項目 */
.main-menu .nav-item.has-submenu {
		position: relative;
}
/* 次選單箭頭 */
.submenu-arrow {
		font-size: 0.75rem;
		margin-left: 5px;
		transition: transform 0.3s ease;
}
/* ==================== 響應式設計 ==================== */
/* 電腦版次選單 */
@media (min-width: 992px) {
		/* 次選單容器 */
		.main-menu .submenu {
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%) translateY(10px);
				background: white;
				border-radius: 12px;
				box-shadow: 0 10px 40px rgba(232, 180, 188, 0.25);
				padding: 12px 0;
				min-width: 200px;
				list-style: none;
				margin: 10px auto 0 auto;
				opacity: 0;
				visibility: hidden;
				transition: all 0.3s ease;
				z-index: 1050;
		}
		/* Hover 時顯示次選單 */
		.main-menu .nav-item.has-submenu:hover .submenu {
				opacity: 1;
				visibility: visible;
				transform: translateX(-50%) translateY(0);
		}
		/* 箭頭旋轉 */
		.main-menu .nav-item.has-submenu:hover .submenu-arrow {
				transform: rotate(180deg);
		}
		/* 次選單項目 */
		.main-menu .submenu-item {
				display: block;
				padding: 10px 25px;
				color: var(--text-dark);
				text-decoration: none;
				font-size: 0.95rem;
				transition: all 0.3s ease;
				position: relative;
		}
		.main-menu .submenu-item::before {
				content: '';
				position: absolute;
				left: 15px;
				top: 50%;
				transform: translateY(-50%);
				width: 4px;
				height: 0;
				background: var(--primary-color);
				border-radius: 2px;
				transition: height 0.3s ease;
		}
		.main-menu .submenu-item:hover {
				color: var(--primary-color);
				background: var(--accent-color);
				padding-left: 30px;
		}
		.main-menu .submenu-item:hover::before {
				height: 60%;
		}
		/* 次選單分隔線（可選）*/
		.main-menu .submenu li:not(:last-child) {
				border-bottom: 1px solid rgba(232, 180, 188, 0.1);
		}
		/* 延遲隱藏，避免滑鼠移動時閃爍 */
		.main-menu .nav-item.has-submenu .submenu {
				transition-delay: 0s;
		}
		.main-menu .nav-item.has-submenu:hover .submenu {
				transition-delay: 0.1s;
		}
		/* 次選單項目依序淡入 */
		.main-menu .submenu li {
				opacity: 0;
				transform: translateY(-5px);
				transition: opacity 0.3s ease, transform 0.3s ease;
		}
		.main-menu .nav-item.has-submenu:hover .submenu li {
				opacity: 1;
				transform: translateY(0);
		}
		.main-menu .nav-item.has-submenu:hover .submenu li:nth-child(1) {
				transition-delay: 0.05s;
		}
		.main-menu .nav-item.has-submenu:hover .submenu li:nth-child(2) {
				transition-delay: 0.1s;
		}
		.main-menu .nav-item.has-submenu:hover .submenu li:nth-child(3) {
				transition-delay: 0.15s;
		}
		.main-menu .nav-item.has-submenu:hover .submenu li:nth-child(4) {
				transition-delay: 0.2s;
		}
		.navbar-custom .offcanvas-body {
				flex-direction: row;
				align-items: center;
				padding: 0;
		}
		.main-menu {
				flex-direction: row;
				align-items: center;
		}
		.main-menu .nav-link {
				color: var(--text-dark);
				font-size: 1rem;
				font-weight: 400;
				letter-spacing: 1px;
				padding: 0.75rem 1.25rem;
				transition: all 0.3s ease;
				position: relative;
				display: flex;
				align-items: center;
				gap: 10px;
		}
		.main-menu .nav-link i {
				display: none; /* 電腦版隱藏圖示 */
		}
		.main-menu .nav-link::after {
				content: '';
				position: absolute;
				bottom: 5px;
				left: 50%;
				transform: translateX(-50%) scaleX(0);
				width: 70%;
				height: 2px;
				background: var(--primary-color);
				transition: transform 0.3s ease;
		}
		.main-menu .nav-link:hover {
				color: var(--primary-color);
		}
		.main-menu .nav-link:hover::after {
				transform: translateX(-50%) scaleX(1);
		}
}
@media (max-width: 1199px) {
		.mini-cart-title i {
				font-size: 1.5rem;
		}
		.mini-cart-title {
				font-size: 1.25rem;
		}
		.mini-cart-total-label {
				font-size: .875rem;
		}
		.navbar > .container.wide {
				max-width: calc(100% - 2rem);
				padding: 0 1.5rem !important;
		}
		.footer-copyright-simple {
				font-size: .85rem;
		}
		.footer-expanded > .container.wide {
				max-width: calc(100% - 2rem);
				padding: 0 1.5rem !important;
		}
		.sticky-footer.expanded .footer-expanded {
				padding: 3rem 0;
		}
		.navbar-brand .logo-img {
				max-height: 45px;
		}
		.nav-icon {
				font-size: 1rem;
		}
		.nav-icon > .bi-person {
				font-size: 1.25rem;
		}
		.nav-icons-group {
				gap: 15px;
		}
		.language-selector {
				font-size: .8125rem;
		}
		.language-selector > .bi-globe {
				font-size: 1rem;
		}
}
@media (max-width: 991px) {
		.search-dropdown.show, .search-dropdown {
				padding: 1rem;
				width: 350px;
				;
				left: 0;
				right: 0;
				margin: 0 auto;
				top: 3rem;
				transform: translateX(-20%) !important;
				transform-origin: center !important;
		}
		.nav-icon {
				font-size: 1.25rem;
		}
		.nav-icon > .bi-person {
				font-size: 1.7rem;
		}
		.language-selector {
				font-size: 1rem;
		}
		.language-selector > .bi-globe {
				font-size: 1.25rem;
		}
		.page .scroll-container {
				padding-bottom: 0;
				margin-top: 70px;
		}
		.navbar-custom {
				height: 70px;
				padding: 0;
		}
		.navbar-brand .logo-img {
				max-height: 50px;
		}
		.footer-expanded > .container.wide, .navbar > .container.wide {
				max-width: 100%;
		}
		.sticky-footer.expanded .footer-expanded {
				padding: 45px 0 25px;
		}
		.footer-copyright-simple {
				font-size: 0.8rem;
		}
		.footer-main-row {
				flex-direction: column;
				text-align: center;
				align-items: center;
				gap: 30px;
		}
		.footer-logo {
				font-size: 1.6rem;
		}
		.footer-links-row {
				gap: 25px;
				width: 100%;
		}
		.footer-link-item {
				align-items: center;
		}
		.footer-link-item::after {
				left: 50%;
				transform: translateX(-50%);
		}
		.footer-social-row {
				justify-content: center;
		}
		.footer-secondary-row {
				gap: 20px;
		}
		.offcanvas-backdrop {
				position: fixed;
				top: 70px;
				left: 0;
				z-index: 1040;
				width: 100vw;
				height: calc(100vh - 90px) !important;
				background-color: rgba(0, 0, 0, 0.5);
		}
		.offcanvas-backdrop.show {
				opacity: 1;
		}
		.nav-icons-group {
				justify-content: center;
				padding-bottom: 1rem;
				border-bottom: 1px solid rgba(232, 180, 188, 0.2);
				margin-bottom: 0;
				margin-top: 2rem;
		}
		.main-menu {
				flex-direction: column;
				margin-bottom: 2rem;
		}
		.main-menu .nav-item {
				border-bottom: 1px solid rgba(232, 180, 188, 0.1);
		}
		.main-menu .nav-link {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 15px;
				padding: .75rem .5rem;
				color: var(--text-dark);
				text-decoration: none;
				font-size: 1rem;
				font-weight: 400;
				letter-spacing: 1px;
				transition: all 0.3s ease;
				position: relative;
		}
		.main-menu .nav-link span {
				padding: 0 .5rem;
		}
		.main-menu .nav-link i {
				display: inline-block; /* 手機版顯示圖示 */
				font-size: 1rem;
				color: var(--primary-color);
				transition: all 0.3s ease;
				position: absolute;
				right: 0;
		}
		.main-menu .nav-link:hover {
				color: var(--primary-color);
				padding-left: 1rem;
		}
		.main-menu .nav-link:hover i {
				transform: translateX(5px);
		}
		.navbar-custom .offcanvas-body {
				min-width: 100vw;
				padding: 0;
				margin: auto !important;
				justify-content: flex-start;
				padding-top: 3rem;
		}
		.navbar-custom .offcanvas-collapse {
				position: fixed;
				top: 70px !important;
				bottom: 0;
				left: 0;
				height: calc(100vh - 70px) !important;
				width: 100% !important;
				padding: 0;
				overflow-y: auto;
				overflow-x: hidden;
				background: rgba(255, 248, 249, 0.98);
				backdrop-filter: blur(20px);
				visibility: hidden;
				transform: translateX(100%);
				transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
				z-index: 1045;
		}
		.navbar-custom .offcanvas-collapse.show {
				visibility: visible;
				transform: translateX(0);
		}
		/* 次選單容器 */
		.main-menu .submenu {
				list-style: none;
				padding: 0;
				margin: 0;
				max-height: 0;
				overflow: hidden;
				background: rgba(232, 180, 188, 0.05);
				transition: max-height 0.4s ease, padding 0.4s ease;
		}
		/* 展開狀態 */
		.main-menu .nav-item.has-submenu.active .submenu {
				max-height: 500px;
				padding: .5rem;
				background-color: #ffffff;
		}
		/* 箭頭旋轉 */
		.main-menu .nav-item.has-submenu.active .submenu-arrow {
				transform: rotate(180deg);
		}
		/* 次選單項目 */
		.main-menu .submenu-item {
				display: block;
				padding: .5rem .5rem;
				color: var(--text-dark);
				text-decoration: none;
				font-size: 0.9rem;
				transition: all 0.3s ease;
				position: relative;
				text-align: center;
		}
		.main-menu .submenu-item:hover {
				color: var(--primary-color);
				background: rgba(232, 180, 188, 0.1);
		}
		/* 主選單項目點擊區域調整 */
		.main-menu .nav-item.has-submenu > .nav-link {
				cursor: pointer;
				max-width: 200px;
		}
		.main-menu .nav-link {
				width: auto !important;
		}
		.main-menu {
				align-items: center !important;
				padding-top: 2rem;
		}
		.nav-icons .d-none {
				display: none !important;
		}
		.nav-icons-group {
				gap: 25px;
				margin-left: 0 !important;
		}
}
@media (max-width: 767px) {
		.mini-cart-total-label {
				font-size: .75rem;
		}
		.mini-cart-item-spec {
				font-size: .875rem;
		}
		.btn-mini-cart-checkout, .btn-mini-cart-view {
				font-size: .875rem;
		}
		.footer-minimal {
				padding: 15px 20px;
		}
		.footer-copyright-simple {
				font-size: 0.75rem;
		}
		.sticky-footer.expanded .footer-expanded {
				padding: 35px 0 45px;
		}
		.footer-logo {
				font-size: 1.4rem;
		}
		.footer-links-row {
				gap: 20px;
		}
		.footer-link-title {
				font-size: 0.8125rem;
		}
		.footer-link-subtitle {
				font-size: 0.75rem;
		}
		.footer-secondary-row {
				flex-direction: column;
				gap: 12px;
				align-items: center;
				padding: 20px 0;
		}
		.footer-secondary-link {
				font-size: 0.8rem;
		}
		.footer-copyright-row {
				font-size: 0.75rem;
				padding-top: 15px;
		}
		.footer-social-row .footer-social-icon {
				width: 38px;
				height: 38px;
				font-size: 1.05rem;
		}
		.navbar-custom .offcanvas-body {
				padding-top: 1rem;
				padding-bottom: 1rem;
		}
		.footer-expanded > .container.wide, .navbar > .container.wide {
				max-width: 100%;
				padding: 0 .5rem !important;
				align-items: center !important;
		}
}
@media (max-width: 576px) {
		.mini-cart-total, .mini-cart-item {
				padding: 10px;
		}
		.footer-brand img {
				max-width: 150px;
		}
		.footer-link-title {
				font-size: .85rem;
		}
		.footer-main-row {
				gap: 25px;
		}
		.footer-links-row {
				gap: 5px;
				font-size: .85rem;
		}
		.footer-social-row {
				gap: 12px;
		}
		.sticky-footer:not(.expanded) .footer-minimal {
				animation: slideUpFadeIn_m 0.6s ease forwards;
		}
		.navbar-brand .logo-img {
				max-height: 45px;
		}
		.navbar-brand {
				font-size: 1.125rem;
		}
		.nav-icons {
				gap: 20px;
		}
		.search-dropdown.show, .search-dropdown {
				padding: .5rem;
				width: 280px;
				min-width: 280px;
				transform: translateX(-20%) !important;
		}
}