/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* My Account readability fixes (Login/Register form text contrast) */
body.woocommerce-account,
body.woocommerce-account #customer_login,
body.woocommerce-account .woocommerce {
	/* Lock account form text vars to readable light-mode values */
	--et_dark-2-white: #111111 !important;
	--et_notice-color: #1f2937 !important;
	--et_info-color: #1f2937 !important;
	--et_error-color: #7f1d1d !important;
}

body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce * {
	text-shadow: none !important;
}

body.woocommerce-account .woocommerce h1,
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3,
body.woocommerce-account .woocommerce .u-column1 h2,
body.woocommerce-account .woocommerce .u-column2 h2,
body.woocommerce-account #customer_login .u-column1 > h2,
body.woocommerce-account #customer_login .u-column2 > h2,
body.woocommerce-account #customer_login h2,
body.woocommerce-account .woocommerce-account .entry-title {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	opacity: 1 !important;
}

body.woocommerce-account .woocommerce form .form-row label,
body.woocommerce-account .woocommerce form label,
body.woocommerce-account .woocommerce form p,
body.woocommerce-account .woocommerce form .description,
body.woocommerce-account .woocommerce .woocommerce-form__label,
body.woocommerce-account .woocommerce .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce a {
	color: #1f2937 !important;
	-webkit-text-fill-color: #1f2937 !important;
	opacity: 1 !important;
}

body.woocommerce-account .woocommerce form .form-row .required {
	color: #b91c1c !important;
	opacity: 1 !important;
}

body.woocommerce-account .woocommerce .woocommerce-message,
body.woocommerce-account .woocommerce .woocommerce-info,
body.woocommerce-account .woocommerce .woocommerce-error {
	color: #1f2937 !important;
	-webkit-text-fill-color: #1f2937 !important;
	opacity: 1 !important;
}

body.woocommerce-account #customer_login,
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2 {
	opacity: 1 !important;
	filter: none !important;
}

body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce input[type="search"],
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}

body.woocommerce-account .woocommerce input::placeholder,
body.woocommerce-account .woocommerce textarea::placeholder {
	color: #6b7280 !important;
	opacity: 1 !important;
}

/* Extra mobile contrast tuning for account auth forms */
@media (max-width: 767px) {
	body.woocommerce-account[data-mode="dark"],
	body.woocommerce-account[data-mode="dark"] #customer_login,
	body.woocommerce-account[data-mode="dark"] .woocommerce {
		--et_dark-2-white: #111111 !important;
		--et_notice-color: #1f2937 !important;
		--et_info-color: #1f2937 !important;
	}

	body.woocommerce-account .woocommerce .u-column1 h2,
	body.woocommerce-account .woocommerce .u-column2 h2,
	body.woocommerce-account .woocommerce form.login h2,
	body.woocommerce-account .woocommerce form.register h2,
	body.woocommerce-account #customer_login .u-column1 > h2,
	body.woocommerce-account #customer_login .u-column2 > h2 {
		color: #111111 !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-weight: 700 !important;
	}

	body.woocommerce-account .woocommerce .woocommerce-message,
	body.woocommerce-account .woocommerce .woocommerce-info {
		color: #1f2937 !important;
		background-color: #eaf8ef !important;
		border-color: #b7e4c7 !important;
	}

	body.woocommerce-account .woocommerce .woocommerce-message *,
	body.woocommerce-account .woocommerce .woocommerce-info * {
		color: #1f2937 !important;
		opacity: 1 !important;
	}

	body.woocommerce-account .woocommerce .form-row label,
	body.woocommerce-account .woocommerce .woocommerce-form__label,
	body.woocommerce-account .woocommerce form p {
		color: #1f2937 !important;
		opacity: 1 !important;
		font-weight: 500 !important;
	}
}

/* Giftmuzic premium account refresh */
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce p,
body.woocommerce-account .woocommerce a,
body.woocommerce-account .woocommerce span,
body.woocommerce-account .woocommerce div,
body.woocommerce-account .woocommerce li,
body.woocommerce-account .woocommerce strong,
body.woocommerce-account .woocommerce button,
body.woocommerce-account .woocommerce input,
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select {
	font-family: "Plus Jakarta Sans", sans-serif;
}

body.woocommerce-account .giftmuzic-membership-title,
body.woocommerce-account .giftmuzic-account-heading {
	font-family: "Playfair Display", Georgia, serif;
}

body.woocommerce-account .page-content,
body.woocommerce-account .site-content {
	overflow-x: clip;
}

body.woocommerce-account .giftmuzic-account-top-shell {
	margin: 18px 0 28px;
}

body.woocommerce-account .giftmuzic-account-top-layout {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: 26px;
	align-items: stretch;
}

body.woocommerce-account .giftmuzic-profile-card,
body.woocommerce-account .giftmuzic-account-top-main,
body.woocommerce-account .giftmuzic-membership-studio {
	position: relative;
	background: linear-gradient(180deg, #fcfbff 0%, #f3f5ff 100%);
	border: 1px solid #e5def4;
	border-radius: 34px;
	box-shadow: 0 20px 50px rgba(130, 121, 175, 0.10);
}

body.woocommerce-account .giftmuzic-profile-card {
	padding: 26px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 280px;
	overflow: hidden;
}

body.woocommerce-account .giftmuzic-profile-sheen {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top left, rgba(174, 223, 255, 0.55), transparent 42%), radial-gradient(circle at bottom right, rgba(255, 221, 233, 0.45), transparent 38%);
	pointer-events: none;
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar {
	position: relative;
	z-index: 1;
	margin: 0 0 18px;
	padding: 10px;
	border-radius: 999px;
	background: linear-gradient(180deg, #f7fbff 0%, #eef3ff 100%);
	box-shadow: 0 14px 36px rgba(137, 172, 230, 0.20);
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar img {
	width: 146px;
	height: 146px;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.9);
	object-fit: cover;
}

body.woocommerce-account .giftmuzic-profile-card .user-info {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}

body.woocommerce-account .giftmuzic-profile-label,
body.woocommerce-account .giftmuzic-account-eyebrow,
body.woocommerce-account .giftmuzic-membership-kicker,
body.woocommerce-account .giftmuzic-membership-plan-kicker {
	display: inline-flex;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 800;
	color: #9b8cd5 !important;
}

body.woocommerce-account .giftmuzic-profile-card .username {
	font-size: 48px;
	line-height: 1;
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 700;
	color: #504775 !important;
}

body.woocommerce-account .giftmuzic-profile-card .user-email {
	font-size: 16px;
	font-weight: 500;
	color: #6f6b88 !important;
}

body.woocommerce-account .giftmuzic-profile-card .logout {
	margin-top: 10px;
}

body.woocommerce-account .giftmuzic-profile-card .logout a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	border-radius: 999px;
	background: linear-gradient(180deg, #ffd8cb 0%, #f0b7a6 100%);
	box-shadow: 0 14px 30px rgba(240, 183, 166, 0.28);
	border: 1px solid rgba(230, 170, 150, 0.8);
	font-size: 18px;
	font-weight: 700;
	color: #8e5d4f !important;
	text-decoration: none;
}

body.woocommerce-account .giftmuzic-account-top-main {
	padding: 28px 30px;
	overflow: hidden;
}

body.woocommerce-account .giftmuzic-account-hero {
	margin-bottom: 18px;
}

body.woocommerce-account .giftmuzic-account-heading {
	margin: 10px 0 8px;
	font-size: clamp(42px, 4vw, 58px);
	line-height: 0.98;
	font-weight: 700;
	color: #4c4968 !important;
}

body.woocommerce-account .giftmuzic-account-copy {
	margin: 0;
	font-size: 28px;
	line-height: 1.38;
	max-width: 900px;
	color: #736e8d !important;
}

body.woocommerce-account .giftmuzic-account-tabs,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 14px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body.woocommerce-account .giftmuzic-account-tabs::-webkit-scrollbar { display:none; }

body.woocommerce-account .giftmuzic-account-tabs > li,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li {
	margin: 0 !important;
	flex: 0 0 auto;
}

body.woocommerce-account .giftmuzic-account-tabs > li > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 68px;
	padding: 0 24px;
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff 0%, #f8f6ff 100%);
	border: 1px solid #e8e2f5;
	box-shadow: 0 12px 26px rgba(132, 120, 177, 0.08);
	font-size: 18px;
	font-weight: 600;
	color: #6a6682 !important;
	text-decoration: none;
	white-space: nowrap;
}

body.woocommerce-account .giftmuzic-account-tabs > li.is-active > a,
body.woocommerce-account .giftmuzic-account-tabs > li.active > a,
body.woocommerce-account .giftmuzic-account-tabs > li.current-menu-item > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li.is-active > a {
	background: linear-gradient(180deg, #f6fbff 0%, #edf5ff 100%);
	border-color: #dbe7fb;
	box-shadow: 0 18px 36px rgba(110, 179, 233, 0.16);
	color: #54678d !important;
}

body.woocommerce-account .giftmuzic-account-tabs i,
body.woocommerce-account .giftmuzic-account-tabs svg,
body.woocommerce-account .giftmuzic-account-tabs img {
	font-family: inherit;
	font-size: 20px;
}

body.woocommerce-account .giftmuzic-account-tabs .item-label {
	font-size: 18px;
	font-weight: 600;
	color: inherit !important;
}

body.woocommerce-account .giftmuzic-membership-studio {
	margin-top: 10px;
	padding: 30px;
}

body.woocommerce-account .giftmuzic-membership-title {
	margin: 10px 0 12px;
	font-size: clamp(40px, 4.4vw, 74px);
	line-height: 0.98;
	font-weight: 800;
	color: #171422 !important;
}

body.woocommerce-account .giftmuzic-membership-subtitle {
	margin: 0 0 28px;
	font-size: 18px;
	line-height: 1.65;
	color: #736e8d !important;
}

body.woocommerce-account .giftmuzic-membership-panel {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 22px;
	align-items: stretch;
}

body.woocommerce-account .giftmuzic-credit-badge,
body.woocommerce-account .giftmuzic-membership-main {
	background: linear-gradient(180deg, #f8f8ff 0%, #f1f4ff 100%);
	border: 1px solid #e6e0f3;
	border-radius: 28px;
}

body.woocommerce-account .giftmuzic-credit-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 22px 18px;
	min-height: 300px;
}

body.woocommerce-account .giftmuzic-credit-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7fd2ff 0%, #56aaf0 100%);
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

body.woocommerce-account .giftmuzic-credit-number {
	font-size: 82px;
	line-height: 0.9;
	font-weight: 800;
	color: #2f4f93;
}

body.woocommerce-account .giftmuzic-credit-label {
	max-width: 110px;
	text-align: center;
	font-size: 15px;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	font-weight: 800;
	color: #5f709f;
}

body.woocommerce-account .giftmuzic-membership-main {
	padding: 26px;
}

body.woocommerce-account .giftmuzic-membership-plan-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 22px;
}

body.woocommerce-account .giftmuzic-membership-plan-name {
	margin: 8px 0 0;
	font-size: clamp(28px, 2.8vw, 40px);
	line-height: 1.08;
	font-weight: 800;
	color: #24203e !important;
}

body.woocommerce-account .giftmuzic-membership-plan-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	min-width: 92px;
	border-radius: 999px;
	background: #f5e5d8;
	color: #c97e3f;
	font-size: 16px;
	font-weight: 700;
}

body.woocommerce-account .giftmuzic-membership-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 18px;
}

body.woocommerce-account .giftmuzic-membership-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 170px;
	padding: 22px;
	border-radius: 24px;
	background: rgba(255,255,255,0.72);
	border: 1px solid #ece7f7;
	box-shadow: 0 10px 26px rgba(128, 117, 170, 0.06);
	text-decoration: none;
}

body.woocommerce-account .giftmuzic-membership-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: #ede4fb;
	font-size: 20px;
	color: #5d547e;
}

body.woocommerce-account .giftmuzic-membership-card-title {
	font-size: 18px;
	font-weight: 800;
	color: #23253a !important;
}

body.woocommerce-account .giftmuzic-membership-card-copy {
	font-size: 14px;
	line-height: 1.6;
	color: #4b5563 !important;
}

body.woocommerce-account .giftmuzic-membership-pills {
	display: flex;
	flex-wrap: nowrap;
	gap: 14px;
	overflow-x: auto;
	padding-bottom: 6px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body.woocommerce-account .giftmuzic-membership-pills::-webkit-scrollbar { display:none; }

body.woocommerce-account .giftmuzic-membership-pill {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 22px;
	border-radius: 18px;
	background: rgba(255,255,255,0.86);
	border: 1px solid #ece7f7;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(128, 117, 170, 0.05);
}

body.woocommerce-account .giftmuzic-membership-pill-icon {
	font-size: 18px;
	color: #3d4453;
}

body.woocommerce-account .giftmuzic-membership-pill-label {
	font-size: 16px;
	font-weight: 700;
	color: #232a39 !important;
}

@media (max-width: 1100px) {
	body.woocommerce-account .giftmuzic-account-top-layout {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-profile-card {
		min-height: auto;
	}
	body.woocommerce-account .giftmuzic-membership-panel {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-credit-badge {
		min-height: auto;
		padding: 18px 22px;
		flex-direction: row;
		justify-content: flex-start;
	}
	body.woocommerce-account .giftmuzic-credit-label {
		max-width: none;
		text-align: left;
	}
}

@media (max-width: 767px) {
	body.woocommerce-account .giftmuzic-account-top-shell {
		margin-top: 0;
	}
	body.woocommerce-account .giftmuzic-profile-card,
	body.woocommerce-account .giftmuzic-account-top-main,
	body.woocommerce-account .giftmuzic-membership-studio {
		border-radius: 24px;
	}
	body.woocommerce-account .giftmuzic-profile-card {
		padding: 20px;
	}
	body.woocommerce-account .giftmuzic-profile-card .user-avatar img {
		width: 112px;
		height: 112px;
	}
	body.woocommerce-account .giftmuzic-profile-card .username {
		font-size: 34px;
	}
	body.woocommerce-account .giftmuzic-account-top-main {
		padding: 20px;
	}
	body.woocommerce-account .giftmuzic-account-heading {
		font-size: 34px;
	}
	body.woocommerce-account .giftmuzic-account-copy {
		font-size: 18px;
	}
	body.woocommerce-account .giftmuzic-account-tabs > li > a,
	body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
		min-height: 56px;
		padding: 0 18px;
		border-radius: 18px;
		font-size: 16px;
	}
	body.woocommerce-account .giftmuzic-membership-studio {
		padding: 20px;
	}
	body.woocommerce-account .giftmuzic-membership-title {
		font-size: 32px;
	}
	body.woocommerce-account .giftmuzic-membership-subtitle {
		font-size: 16px;
	}
	body.woocommerce-account .giftmuzic-membership-main {
		padding: 18px;
	}
	body.woocommerce-account .giftmuzic-membership-plan-row {
		flex-direction: column;
		align-items: flex-start;
	}
	body.woocommerce-account .giftmuzic-membership-cards {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-credit-number {
		font-size: 56px;
	}
}

/* ===== Giftmuzic premium polish pass ===== */

/* softer overall shell */
body.woocommerce-account {
	background:
		radial-gradient(circle at top left, rgba(191, 228, 255, 0.18), transparent 26%),
		radial-gradient(circle at top right, rgba(245, 217, 255, 0.16), transparent 24%),
		linear-gradient(180deg, #fcfbff 0%, #f7f8ff 100%);
}

/* top layout closer to mockup proportions */
body.woocommerce-account .giftmuzic-account-top-layout {
	grid-template-columns: 360px minmax(0, 1fr);
	gap: 22px;
	align-items: stretch;
}

/* dreamy panels */
body.woocommerce-account .giftmuzic-profile-card,
body.woocommerce-account .giftmuzic-account-top-main,
body.woocommerce-account .giftmuzic-membership-studio {
	background:
		radial-gradient(circle at top left, rgba(178, 227, 255, 0.26), transparent 30%),
		radial-gradient(circle at top right, rgba(255, 233, 243, 0.22), transparent 26%),
		linear-gradient(180deg, rgba(255,255,255,0.86) 0%, rgba(245,246,255,0.94) 100%);
	border: 1px solid #e7def4;
	box-shadow:
		0 18px 46px rgba(142, 126, 186, 0.10),
		inset 0 1px 0 rgba(255,255,255,0.75);
	backdrop-filter: blur(10px);
}

/* profile card closer to mockup */
body.woocommerce-account .giftmuzic-profile-card {
	min-height: 340px;
	padding: 30px 28px;
	justify-content: flex-start;
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar {
	margin-bottom: 20px;
	padding: 12px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf3ff 100%);
	box-shadow:
		0 16px 34px rgba(135, 179, 230, 0.18),
		inset 0 1px 0 rgba(255,255,255,0.9);
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar img {
	width: 168px;
	height: 168px;
	border: 6px solid rgba(255,255,255,0.92);
}

body.woocommerce-account .giftmuzic-profile-label {
	margin-top: 2px;
}

body.woocommerce-account .giftmuzic-profile-card .username {
	font-size: 30px;
	line-height: 1.02;
	letter-spacing: -0.02em;
}

body.woocommerce-account .giftmuzic-profile-card .user-email {
	font-size: 15px;
}

body.woocommerce-account .giftmuzic-profile-card .logout a {
	min-height: 46px;
	padding: 0 22px;
	font-size: 16px;
	border-radius: 999px;
}

/* top hero less harsh */
body.woocommerce-account .giftmuzic-account-top-main {
	padding: 26px 26px 24px;
}

body.woocommerce-account .giftmuzic-account-heading {
	font-size: clamp(34px, 3.6vw, 54px);
	line-height: 1.02;
	letter-spacing: -0.03em;
	color: #575176 !important;
}

body.woocommerce-account .giftmuzic-account-copy {
	font-size: 19px;
	line-height: 1.5;
	color: #7a7496 !important;
	max-width: 760px;
}

/* force tabs into one horizontal luxury strip */
body.woocommerce-account .giftmuzic-account-tabs,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
	display: flex;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	overflow-y: hidden;
	gap: 12px;
	padding: 2px 2px 4px;
	white-space: nowrap;
	scrollbar-width: none;
}

body.woocommerce-account .giftmuzic-account-tabs::-webkit-scrollbar,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs::-webkit-scrollbar {
	display: none;
}

body.woocommerce-account .giftmuzic-account-tabs > li,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
}

body.woocommerce-account .giftmuzic-account-tabs > li > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
	min-height: 60px;
	padding: 0 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,246,255,0.96) 100%);
	border: 1px solid #e8e2f5;
	box-shadow:
		0 10px 24px rgba(136, 123, 179, 0.08),
		inset 0 1px 0 rgba(255,255,255,0.8);
	font-size: 16px;
	font-weight: 600;
	color: #6c6884 !important;
}

body.woocommerce-account .giftmuzic-account-tabs > li.is-active > a,
body.woocommerce-account .giftmuzic-account-tabs > li.active > a,
body.woocommerce-account .giftmuzic-account-tabs > li.current-menu-item > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li.is-active > a {
	background: linear-gradient(180deg, #f6fbff 0%, #edf5ff 100%);
	border-color: #d8e7fb;
	box-shadow:
		0 14px 28px rgba(115, 177, 226, 0.16),
		inset 0 1px 0 rgba(255,255,255,0.9);
	color: #50688b !important;
}

body.woocommerce-account .giftmuzic-account-tabs .item-label {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* membership section closer to mockup */
body.woocommerce-account .giftmuzic-membership-studio {
	padding: 26px;
}

body.woocommerce-account .giftmuzic-membership-title {
	font-size: clamp(34px, 4vw, 64px);
	line-height: 0.98;
	letter-spacing: -0.035em;
	color: #1b1725 !important;
	max-width: 900px;
}

body.woocommerce-account .giftmuzic-membership-subtitle {
	font-size: 16px;
	line-height: 1.6;
	color: #7c7698 !important;
	margin-bottom: 24px;
}

/* make left credit box smaller and less stretched */
body.woocommerce-account .giftmuzic-membership-panel {
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 18px;
}

body.woocommerce-account .giftmuzic-credit-badge {
	min-height: 0;
	height: auto;
	padding: 18px 14px;
	border-radius: 24px;
	justify-content: center;
	align-self: start;
}

body.woocommerce-account .giftmuzic-credit-status {
	padding: 8px 14px;
	font-size: 12px;
}

body.woocommerce-account .giftmuzic-credit-number {
	font-size: 68px;
	line-height: 0.9;
}

body.woocommerce-account .giftmuzic-credit-label {
	font-size: 13px;
	letter-spacing: 0.08em;
	max-width: 90px;
}

body.woocommerce-account .giftmuzic-membership-main {
	padding: 22px;
	border-radius: 24px;
}

body.woocommerce-account .giftmuzic-membership-plan-name {
	font-size: clamp(24px, 2.3vw, 34px);
	line-height: 1.08;
}

body.woocommerce-account .giftmuzic-membership-plan-state {
	padding: 10px 18px;
	font-size: 15px;
}

body.woocommerce-account .giftmuzic-membership-cards {
	gap: 16px;
}

body.woocommerce-account .giftmuzic-membership-card {
	min-height: 148px;
	padding: 20px;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(250,248,255,0.90) 100%);
}

body.woocommerce-account .giftmuzic-membership-card-title {
	font-size: 17px;
}

body.woocommerce-account .giftmuzic-membership-card-copy {
	font-size: 13px;
	line-height: 1.55;
	color: #6a7283 !important;
}

body.woocommerce-account .giftmuzic-membership-pill {
	min-height: 52px;
	padding: 0 18px;
	border-radius: 17px;
}

/* responsive polish */
@media (max-width: 1200px) {
	body.woocommerce-account .giftmuzic-account-top-layout {
		grid-template-columns: 320px minmax(0, 1fr);
	}
}

@media (max-width: 1100px) {
	body.woocommerce-account .giftmuzic-account-top-layout {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-profile-card {
		min-height: auto;
		align-items: center;
	}
	body.woocommerce-account .giftmuzic-membership-panel {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-credit-badge {
		flex-direction: row;
		gap: 16px;
		max-width: 100%;
	}
	body.woocommerce-account .giftmuzic-credit-label {
		max-width: none;
		text-align: left;
	}
}

@media (max-width: 767px) {
	body.woocommerce-account .giftmuzic-profile-card,
	body.woocommerce-account .giftmuzic-account-top-main,
	body.woocommerce-account .giftmuzic-membership-studio {
		border-radius: 24px;
	}
	body.woocommerce-account .giftmuzic-profile-card .user-avatar img {
		width: 124px;
		height: 124px;
	}
	body.woocommerce-account .giftmuzic-account-heading {
		font-size: 32px;
	}
	body.woocommerce-account .giftmuzic-account-copy {
		font-size: 17px;
	}
	body.woocommerce-account .giftmuzic-membership-title {
		font-size: 32px;
	}
}

/* ===== Giftmuzic final refinement pass ===== */

/* top area should feel lighter and less tall */
body.woocommerce-account .giftmuzic-account-top-main {
	min-height: 0;
	padding: 24px 24px 18px;
}

body.woocommerce-account .giftmuzic-account-hero {
	margin-bottom: 12px;
}

body.woocommerce-account .giftmuzic-account-heading {
	font-size: clamp(30px, 3.2vw, 48px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	margin: 8px 0 6px;
}

body.woocommerce-account .giftmuzic-account-copy {
	font-size: 17px;
	line-height: 1.45;
	max-width: 700px;
	margin-bottom: 12px;
}

/* profile card closer to mockup proportions */
body.woocommerce-account .giftmuzic-profile-card {
	min-height: 300px;
	padding: 24px 24px 22px;
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar {
	margin-bottom: 16px;
}

body.woocommerce-account .giftmuzic-profile-card .user-avatar img {
	width: 152px;
	height: 152px;
}

body.woocommerce-account .giftmuzic-profile-card .username {
	font-size: 28px;
}

body.woocommerce-account .giftmuzic-profile-card .user-email {
	font-size: 14px;
}

body.woocommerce-account .giftmuzic-profile-card .logout a {
	min-height: 42px;
	padding: 0 20px;
	font-size: 15px;
}

/* keep tabs in a clean single rail */
body.woocommerce-account .giftmuzic-account-tabs,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
	gap: 10px;
	padding-top: 2px;
}

body.woocommerce-account .giftmuzic-account-tabs > li > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
	min-height: 56px;
	padding: 0 18px;
	border-radius: 18px;
	font-size: 15px;
}

/* fix generic icon containers if markup uses spans/i */
body.woocommerce-account .giftmuzic-account-tabs i,
body.woocommerce-account .giftmuzic-account-tabs svg,
body.woocommerce-account .giftmuzic-account-tabs .item-icon,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs i,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs svg,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs .item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	font-size: 16px;
	line-height: 1;
	flex: 0 0 18px;
}

body.woocommerce-account .giftmuzic-account-tabs .item-label {
	font-size: 15px;
}

/* membership title less heavy and section more compact */
body.woocommerce-account .giftmuzic-membership-studio {
	padding: 24px;
}

body.woocommerce-account .giftmuzic-membership-title {
	font-size: clamp(30px, 3.8vw, 56px);
	line-height: 0.98;
	font-weight: 700;
	letter-spacing: -0.03em;
	max-width: 760px;
	margin-bottom: 10px;
}

body.woocommerce-account .giftmuzic-membership-subtitle {
	font-size: 15px;
	line-height: 1.55;
	margin-bottom: 18px;
	max-width: 760px;
}

body.woocommerce-account .giftmuzic-membership-panel {
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 16px;
}

body.woocommerce-account .giftmuzic-credit-badge {
	padding: 16px 12px;
	border-radius: 22px;
}

body.woocommerce-account .giftmuzic-credit-number {
	font-size: 58px;
}

body.woocommerce-account .giftmuzic-credit-label {
	font-size: 12px;
	max-width: 82px;
}

body.woocommerce-account .giftmuzic-membership-main {
	padding: 18px;
}

body.woocommerce-account .giftmuzic-membership-plan-row {
	margin-bottom: 16px;
}

body.woocommerce-account .giftmuzic-membership-plan-name {
	font-size: clamp(22px, 2.1vw, 30px);
}

body.woocommerce-account .giftmuzic-membership-plan-state {
	padding: 9px 16px;
	font-size: 14px;
}

body.woocommerce-account .giftmuzic-membership-cards {
	gap: 14px;
	margin-bottom: 14px;
}

body.woocommerce-account .giftmuzic-membership-card {
	min-height: 132px;
	padding: 18px;
}

body.woocommerce-account .giftmuzic-membership-card-title {
	font-size: 16px;
}

body.woocommerce-account .giftmuzic-membership-card-copy {
	font-size: 12.5px;
	line-height: 1.5;
}

body.woocommerce-account .giftmuzic-membership-pill {
	min-height: 48px;
	padding: 0 16px;
}

body.woocommerce-account .giftmuzic-membership-pill-label {
	font-size: 15px;
}

/* a bit more visual softness like the mockup */
body.woocommerce-account .giftmuzic-profile-card::after,
body.woocommerce-account .giftmuzic-account-top-main::after,
body.woocommerce-account .giftmuzic-membership-studio::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background:
		radial-gradient(circle at 12% 14%, rgba(255,255,255,0.5), transparent 16%),
		radial-gradient(circle at 88% 10%, rgba(255,255,255,0.28), transparent 18%);
	opacity: .7;
}

/* responsive tightening */
@media (max-width: 1200px) {
	body.woocommerce-account .giftmuzic-account-top-layout {
		grid-template-columns: 300px minmax(0, 1fr);
	}
}

@media (max-width: 900px) {
	body.woocommerce-account .giftmuzic-membership-panel {
		grid-template-columns: 1fr;
	}
	body.woocommerce-account .giftmuzic-credit-badge {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 14px;
	}
	body.woocommerce-account .giftmuzic-credit-label {
		max-width: none;
		text-align: left;
	}
}

@media (max-width: 767px) {
	body.woocommerce-account .giftmuzic-account-top-main {
		padding: 20px 18px 16px;
	}
	body.woocommerce-account .giftmuzic-account-heading {
		font-size: 30px;
	}
	body.woocommerce-account .giftmuzic-account-copy {
		font-size: 16px;
	}
	body.woocommerce-account .giftmuzic-membership-title {
		font-size: 30px;
	}
}

/* ===== Giftmuzic remove membership intro copy ===== */
body.woocommerce-account .giftmuzic-membership-kicker,
body.woocommerce-account .giftmuzic-membership-title,
body.woocommerce-account .giftmuzic-membership-subtitle {
	display: none !important;
}

body.woocommerce-account .giftmuzic-membership-studio {
	padding-top: 18px;
}

body.woocommerce-account .giftmuzic-membership-panel {
	margin-top: 0 !important;
}

/* ===== Giftmuzic native YITH icons + compact tabs pass ===== */

/* keep the removed membership intro hidden */
body.woocommerce-account .giftmuzic-membership-kicker,
body.woocommerce-account .giftmuzic-membership-title,
body.woocommerce-account .giftmuzic-membership-subtitle {
	display: none !important;
}

body.woocommerce-account .giftmuzic-membership-studio {
	padding-top: 18px !important;
}

/* make the top shell stop clipping the tab rail */
body.woocommerce-account .giftmuzic-account-top-main {
	overflow: visible !important;
	padding-bottom: 16px !important;
}

/* compact the tabs so they fit much better without clipping */
body.woocommerce-account .giftmuzic-account-tabs,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
	gap: 8px !important;
	padding-right: 0 !important;
	overflow-x: visible !important;
	flex-wrap: wrap !important;
}

body.woocommerce-account .giftmuzic-account-tabs > li,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li {
	flex: 0 0 auto !important;
	max-width: none !important;
}

body.woocommerce-account .giftmuzic-account-tabs > li > a,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
	min-height: 52px !important;
	padding: 0 14px !important;
	border-radius: 16px !important;
	font-size: 14px !important;
	gap: 10px !important;
}

body.woocommerce-account .giftmuzic-account-tabs .item-label {
	font-size: 14px !important;
}

/* restore native YITH / font icon rendering instead of fake squares */
body.woocommerce-account .giftmuzic-account-tabs i,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs i {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "FontAwesome" !important;
	font-weight: 900 !important;
	font-style: normal !important;
	font-variant: normal !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	line-height: 1 !important;
}

body.woocommerce-account .giftmuzic-account-tabs i::before,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs i::before {
	font-family: inherit !important;
	font-weight: inherit !important;
}

body.woocommerce-account .giftmuzic-account-tabs svg,
body.woocommerce-account .giftmuzic-account-tabs img,
body.woocommerce-account .giftmuzic-account-tabs .item-icon,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs svg,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs img,
body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs .item-icon {
	display: inline-flex !important;
}

/* give the membership block a little less top empty space now that intro text is gone */
body.woocommerce-account .giftmuzic-membership-panel {
	margin-top: 0 !important;
}

/* mobile keeps a single rail and can still scroll if needed */
@media (max-width: 767px) {
	body.woocommerce-account .giftmuzic-account-tabs,
	body.woocommerce-account .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		padding-bottom: 4px;
	}
}

/* ===== Mobile: fit only My Account dashboard as an organized mini desktop layout ===== */
@media (max-width: 767px) {
	body.woocommerce-account .gm-mobile-scale-box {
		position: relative;
		width: 100%;
		max-width: 100%;
		overflow: visible;
		margin: 0 0 24px;
	}

	body.woocommerce-account .gm-mobile-scale-stage {
		position: relative;
		transform-origin: top left;
		will-change: transform;
	}

	body.woocommerce-account .gm-mobile-scale-stage > .giftmuzic-account-top-shell,
	body.woocommerce-account .gm-mobile-scale-stage > .giftmuzic-membership-studio {
		width: 1180px !important;
		max-width: none !important;
		min-width: 1180px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage > .giftmuzic-account-top-shell {
		margin-top: 12px !important;
		margin-bottom: 28px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage > .giftmuzic-membership-studio {
		padding: 28px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-top-layout {
		display: grid !important;
		grid-template-columns: 320px minmax(0, 1fr) !important;
		gap: 26px !important;
		align-items: stretch !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-profile-card,
	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-top-main,
	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-studio {
		border-radius: 34px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-profile-card {
		min-height: 280px !important;
		padding: 26px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-profile-card .user-avatar img {
		width: 146px !important;
		height: 146px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-profile-card .username {
		font-size: 48px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-profile-card .user-email {
		font-size: 16px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-top-main {
		padding: 26px !important;
		overflow: visible !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-heading {
		font-size: 54px !important;
		line-height: 1.02 !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-copy {
		font-size: 19px !important;
		line-height: 1.5 !important;
		max-width: 760px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-tabs,
	body.woocommerce-account .gm-mobile-scale-stage .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs {
		display: flex !important;
		flex-wrap: wrap !important;
		overflow: visible !important;
		gap: 10px !important;
		white-space: normal !important;
		padding: 2px 0 0 !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-tabs > li,
	body.woocommerce-account .gm-mobile-scale-stage .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-account-tabs > li > a,
	body.woocommerce-account .gm-mobile-scale-stage .yith-wcmap ul.myaccount-menu.giftmuzic-account-tabs > li > a {
		min-height: 56px !important;
		padding: 0 18px !important;
		border-radius: 18px !important;
		font-size: 15px !important;
		gap: 10px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-panel {
		display: grid !important;
		grid-template-columns: 132px minmax(0, 1fr) !important;
		gap: 16px !important;
		margin-top: 0 !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-credit-badge {
		min-height: auto !important;
		padding: 16px 12px !important;
		border-radius: 22px !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: center !important;
		gap: 10px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-credit-number {
		font-size: 58px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-credit-label {
		max-width: 82px !important;
		text-align: center !important;
		font-size: 12px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-main {
		padding: 18px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-plan-row {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		gap: 20px !important;
		margin-bottom: 16px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-plan-name {
		font-size: 30px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-plan-state {
		padding: 9px 16px !important;
		font-size: 14px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-cards {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
		margin-bottom: 14px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-card {
		min-height: 132px !important;
		padding: 18px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-card-title {
		font-size: 16px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-card-copy {
		font-size: 12.5px !important;
		line-height: 1.5 !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-pills {
		display: flex !important;
		flex-wrap: wrap !important;
		overflow: visible !important;
		gap: 12px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-pill {
		min-height: 48px !important;
		padding: 0 16px !important;
	}

	body.woocommerce-account .gm-mobile-scale-stage .giftmuzic-membership-pill-label {
		font-size: 15px !important;
	}
}


/* ===== Mobile-only fit for My Account tab panels (standard + custom plugin endpoints) ===== */
@media (max-width: 767px) {
	body.woocommerce-account .gm-mobile-scale-box--tab-panel {
		position: relative;
		width: 100%;
		max-width: 100%;
		overflow: visible;
		margin: 8px 0 24px;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel > .gm-mobile-scale-stage {
		position: relative;
		width: 1120px;
		max-width: none !important;
		transform-origin: top left;
		will-change: transform;
		padding-bottom: 8px;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel > .gm-mobile-scale-stage > * {
		max-width: none !important;
		width: auto !important;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel table,
	body.woocommerce-account .gm-mobile-scale-box--tab-panel .shop_table,
	body.woocommerce-account .gm-mobile-scale-box--tab-panel .woocommerce-table {
		width: 100% !important;
		display: table !important;
		border-collapse: collapse !important;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel thead { display: table-header-group !important; }
	body.woocommerce-account .gm-mobile-scale-box--tab-panel tbody { display: table-row-group !important; }
	body.woocommerce-account .gm-mobile-scale-box--tab-panel tr { display: table-row !important; }

	body.woocommerce-account .gm-mobile-scale-box--tab-panel th,
	body.woocommerce-account .gm-mobile-scale-box--tab-panel td {
		display: table-cell !important;
		float: none !important;
		width: auto !important;
		text-align: left !important;
		vertical-align: top !important;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel th::before,
	body.woocommerce-account .gm-mobile-scale-box--tab-panel td::before {
		display: none !important;
		content: none !important;
	}

	body.woocommerce-account .gm-mobile-scale-box--tab-panel .button,
	body.woocommerce-account .gm-mobile-scale-box--tab-panel .woocommerce-Button {
		white-space: nowrap;
	}
}

/* ===== Giftmuzic credit top-up ===== */
body.woocommerce-account .giftmuzic-credit-topup-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 14px;
	border: 1px solid #d8c9f5;
	background: linear-gradient(180deg, #ffffff 0%, #f7f3ff 100%);
	box-shadow: 0 8px 16px rgba(130, 121, 175, 0.12);
	color: #5b4f8d !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-decoration: none;
}

body.woocommerce-account .giftmuzic-credit-topup-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(130, 121, 175, 0.16);
}

body.woocommerce-account .giftmuzic-credit-topup-page {
	margin: 10px 0 24px;
	padding: 22px;
	border-radius: 20px;
	border: 1px solid #e6def4;
	background: linear-gradient(180deg, #ffffff 0%, #f8f6ff 100%);
}

body.woocommerce-account .giftmuzic-credit-topup-form input[type="number"] {
	width: 140px;
}

body.woocommerce-account .giftmuzic-credit-topup-form .button.alt {
	margin-top: 6px;
}

body.woocommerce-account .giftmuzic-credit-topup-shell {
	position: relative;
	padding: 4px;
}

body.woocommerce-account .giftmuzic-credit-topup-header {
	margin-bottom: 16px;
}

body.woocommerce-account .giftmuzic-credit-topup-kicker {
	margin: 0 0 8px;
	display: inline-flex;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 800;
	color: #9a8ad0 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-title {
	margin: 0 0 8px;
	font-size: clamp(30px, 3vw, 42px);
	line-height: 1.02;
	letter-spacing: -0.02em;
	font-family: "Playfair Display", Georgia, serif;
	color: #2e2848 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-subtitle {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
	color: #6d6787 !important;
	max-width: 720px;
}

body.woocommerce-account .giftmuzic-credit-topup-overview {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: 14px;
	margin-bottom: 18px;
}

body.woocommerce-account .giftmuzic-credit-topup-overview-card,
body.woocommerce-account .giftmuzic-credit-topup-overview-note {
	border-radius: 18px;
	border: 1px solid #e8e0f6;
	background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(247,244,255,0.92) 100%);
	padding: 14px 16px;
}

body.woocommerce-account .giftmuzic-credit-topup-overview-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body.woocommerce-account .giftmuzic-credit-topup-overview-label {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #7e769d !important;
}

body.woocommerce-account .giftmuzic-credit-topup-overview-value {
	margin-top: 4px;
	font-size: 38px;
	line-height: 1;
	font-weight: 800;
	color: #384f8e !important;
}

body.woocommerce-account .giftmuzic-credit-topup-overview-note {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.45;
	color: #676184 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-layout {
	display: grid;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
}

body.woocommerce-account .giftmuzic-credit-topup-input-panel,
body.woocommerce-account .giftmuzic-credit-topup-summary-panel {
	border-radius: 20px;
	border: 1px solid #e8e0f6;
	background: linear-gradient(180deg, rgba(255,255,255,0.86) 0%, rgba(247,244,255,0.94) 100%);
	padding: 16px;
}

body.woocommerce-account .giftmuzic-credit-topup-input-label {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: #776e98 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-input {
	width: 180px;
	max-width: 100%;
	height: 54px;
	padding: 0 16px;
	border-radius: 14px;
	border: 1px solid #d7cceb;
	background: #ffffff;
	color: #2d2a3f;
	font-size: 20px;
	font-weight: 700;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

body.woocommerce-account .giftmuzic-credit-topup-input:focus {
	outline: none;
	border-color: #af95e6;
	box-shadow: 0 0 0 3px rgba(174, 151, 231, 0.18);
}

body.woocommerce-account .giftmuzic-credit-topup-input-help {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #7a7299 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	padding: 8px 0;
}

body.woocommerce-account .giftmuzic-credit-topup-summary-row + .giftmuzic-credit-topup-summary-row {
	border-top: 1px solid rgba(142, 129, 184, 0.18);
	margin-top: 8px;
	padding-top: 14px;
}

body.woocommerce-account .giftmuzic-credit-topup-summary-key {
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: #7d749d !important;
}

body.woocommerce-account .giftmuzic-credit-topup-summary-value {
	font-size: 20px;
	line-height: 1.1;
	font-weight: 800;
	color: #2f2b47 !important;
	white-space: nowrap;
}

body.woocommerce-account .giftmuzic-credit-topup-summary-row--total .giftmuzic-credit-topup-summary-value {
	font-size: 28px;
	color: #3b3f88 !important;
}

body.woocommerce-account .giftmuzic-credit-topup-cta-row {
	margin-top: 16px;
}

body.woocommerce-account .giftmuzic-credit-topup-submit.button.alt {
	min-height: 54px;
	padding: 0 28px;
	border-radius: 16px;
	border: 1px solid #8f7ac9;
	background: linear-gradient(180deg, #ffffff 0%, #efe7ff 100%);
	box-shadow: 0 14px 28px rgba(141, 122, 201, 0.22);
	color: #4a3f74 !important;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

body.woocommerce-account .giftmuzic-credit-topup-submit.button.alt:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(141, 122, 201, 0.28);
}

@media (max-width: 900px) {
	body.woocommerce-account .giftmuzic-credit-topup-overview,
	body.woocommerce-account .giftmuzic-credit-topup-layout {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account .giftmuzic-credit-topup-input {
		width: 100%;
	}
}