﻿/* simpdog — 與參考 HTML 內聯 style 一致 */

/* 覆蓋 Astra 預設：.ast-container / .ast-container-fluid 的左右 20px（不單獨寫 padding-left/right） */
.ast-container,
.ast-container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-inline: 0 !important;
}

@keyframes simpdog-pulse-neon {
	0%, 100% { text-shadow: 0 0 10px #ec4899, 0 0 20px #ec4899, 0 0 30px #ec4899; }
	50% { text-shadow: 0 0 20px #ec4899, 0 0 40px #ec4899, 0 0 60px #ec4899; }
}

@keyframes simpdog-pulse-neon-cyan {
	0%, 100% { text-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4, 0 0 30px #06b6d4; }
	50% { text-shadow: 0 0 20px #06b6d4, 0 0 40px #06b6d4, 0 0 60px #06b6d4; }
}

@keyframes simpdog-marquee {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-50%); }
}

@keyframes simpdog-bass-drop {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}

@keyframes simpdog-fade-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

body.simpdog-theme {
	background-color: #030712;
	color: #ffffff;
	overflow-x: hidden;
}

.simpdog-neon-text-pink {
	animation: simpdog-pulse-neon 2s infinite;
	color: #fff;
}

/* Alias classes from reference simpdog.html */
.neon-text-pink {
	animation: simpdog-pulse-neon 2s infinite;
	color: #fff;
}

.simpdog-neon-text-cyan {
	animation: simpdog-pulse-neon-cyan 2.5s infinite;
	color: #fff;
}

.simpdog-animate-marquee {
	display: flex;
	width: 200%;
	animation: simpdog-marquee 15s linear infinite;
}

.simpdog-animate-bass {
	animation: simpdog-bass-drop 0.8s ease-in-out infinite;
}

/* Home category pills and lineup cards (match reference HTML) */
[data-simpdog-cat-tabs] button {
	min-width: 132px;
	height: 46px;
	border-radius: 9999px;
	font-weight: 900;
	font-size: 1.05rem;
	letter-spacing: 0.01em;
}

[data-simpdog-cat-tabs] button:not(.bg-cyan-500) {
	background: rgba(15, 23, 42, 0.82) !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: #9ca3af !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.simpdog-lineup-card {
	min-height: 320px;
	border-radius: 1.85rem;
	background: linear-gradient(135deg, rgba(5, 8, 20, 0.92) 8%, rgba(9, 21, 36, 0.88) 58%, rgba(7, 25, 33, 0.9) 100%);
}

.simpdog-lineup-card-cat {
	letter-spacing: 0.14em;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.simpdog-lineup-card-emoji {
	font-size: 4.2rem;
	line-height: 1;
	margin-top: 0.7rem;
	margin-bottom: 0.8rem;
}

.simpdog-lineup-card-media {
	height: 7.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.simpdog-lineup-card-image {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 0.2));
}

.simpdog-lineup-card-media {
	position: relative;
	z-index: 1;
	height: 13.5rem !important;
	min-height: 13.5rem !important;
	max-height: 13.5rem !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.simpdog-lineup-card-title {
	font-size: 1.75rem;
	letter-spacing: -0.03em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.2em;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.simpdog-lineup-card-flavor {
	font-size: 0.88rem;
	color: #9ca3af;
	margin-bottom: 0.8rem !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.simpdog-lineup-card-info {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	margin-top: 0.9rem !important;
	padding-top: 0.35rem;
	min-height: 8.2rem;
	min-width: 0;
}

.simpdog-lineup-card-info > a:first-of-type {
	display: block;
	min-width: 0;
	max-width: 100%;
}

.simpdog-lineup-card-image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
}

/* 分類 SVG 圖標（取代商品圖；舔狗產品圖標.html w-16 = 64px） */
.simpdog-lineup-card-media .wm-candy-home-product-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wm-candy-product-icon-size, 4rem);
	height: var(--wm-candy-product-icon-size, 4rem);
	max-width: var(--wm-candy-product-icon-size, 4rem);
	max-height: var(--wm-candy-product-icon-size, 4rem);
	margin-left: auto;
	margin-right: auto;
}

.simpdog-lineup-card-media .wm-candy-home-product-icon__svg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.simpdog-lineup-card-footer {
	margin-top: auto;
	padding-top: 0.55rem;
}

/* Shop archive grid: same row height, cards fill cell */
.woocommerce .simpdog-shop-grid {
	align-items: stretch;
}

.woocommerce .simpdog-shop-grid > [data-simpdog-product-card] {
	min-height: 0;
	height: 100%;
	align-self: stretch;
}

.woocommerce .simpdog-shop-grid .simpdog-lineup-card-info {
	min-height: 5.5rem;
}

.simpdog-lineup-card-price {
	font-size: 1.55rem;
	letter-spacing: 0.01em;
	text-shadow: 0 0 16px rgba(34, 211, 238, 0.25);
}

.simpdog-card-cart-btn {
	width: 58px;
	height: 58px;
	border-radius: 9999px;
	box-shadow:
		0 0 0 2px rgba(236, 72, 153, 0.25) inset,
		0 0 16px rgba(236, 72, 153, 0.7),
		0 0 36px rgba(236, 72, 153, 0.32);
}

.simpdog-card-cart-btn:hover {
	transform: translateY(-1px) scale(1.02);
}

.woocommerce-cart-form input[type="number"] {
	display: none !important;
}

.simpdog-cart-item {
	background: linear-gradient(135deg, rgba(8, 12, 26, 0.85), rgba(9, 20, 30, 0.8));
}

.simpdog-cart-item:hover {
	box-shadow: 0 0 18px rgba(236, 72, 153, 0.18);
}

.simpdog-cart-item .woocommerce-Price-amount {
	font-weight: 900;
}

.simpdog-cart-item .variation {
	margin: 0.25rem 0 0;
	font-size: 0.72rem;
	color: #9ca3af;
}

.simpdog-cart-item .variation dt,
.simpdog-cart-item .variation dd {
	display: inline;
	margin: 0;
}

@media (max-width: 767px) {
	.simpdog-lineup-card {
		min-height: 300px;
	}
	.simpdog-lineup-card-emoji {
		font-size: 3.6rem;
	}
	.simpdog-lineup-card-media {
		height: 10.8rem !important;
		min-height: 10.8rem !important;
		max-height: 10.8rem !important;
	}
	.simpdog-lineup-card-title {
		font-size: 1.5rem;
	}
	.simpdog-lineup-card-price {
		font-size: 1.35rem;
	}
	[data-simpdog-cat-tabs] button {
		min-width: 122px;
		height: 44px;
		font-size: 1rem;
	}
}

.simpdog-glass-panel {
	background: rgba(20, 20, 20, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-panel {
	background: rgba(20, 20, 20, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-simpdog-fullcart-modal] .glass-panel {
	border-radius: 1.5rem;
}

.simpdog-fade-in {
	animation: simpdog-fade-in 0.3s ease-out;
}

.simpdog-coupon-ticket {
	background:
		radial-gradient(circle at left, transparent 8px, rgba(20, 20, 20, 0.7) 8px),
		radial-gradient(circle at right, transparent 8px, rgba(20, 20, 20, 0.7) 8px);
	background-position: bottom left, bottom right;
	background-size: 50% 100%;
	background-repeat: no-repeat;
}

body.simpdog-theme ::-webkit-scrollbar {
	width: 8px;
}

body.simpdog-theme ::-webkit-scrollbar-track {
	background: #030712;
}

body.simpdog-theme ::-webkit-scrollbar-thumb {
	background: #ec4899;
	border-radius: 4px;
}

body.simpdog-theme ::-webkit-scrollbar-thumb:hover {
	background: #be185d;
}

/* WooCommerce 預設表格在本主題內收斂 */
.simpdog-theme .woocommerce table.shop_table {
	border-collapse: separate;
	border-spacing: 0;
}

.simpdog-theme .woocommerce .button.alt,
.simpdog-theme .woocommerce button.button.alt {
	background: linear-gradient(to right, #db2777, #0891b2);
	color: #fff;
	border: none;
	border-radius: 9999px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.simpdog-theme .woocommerce .button.alt:hover,
.simpdog-theme .woocommerce button.button.alt:hover {
	filter: brightness(1.08);
	color: #fff;
}

.simpdog-scrollbar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.simpdog-scrollbar-hide::-webkit-scrollbar {
	display: none;
}

html.simpdog-age-hidden .simpdog-age-gate,
body.simpdog-age-hidden .simpdog-age-gate,
.simpdog-age-gate[aria-hidden="true"] {
	display: none !important;
}

/* 須高於 sc-popovers.css 內 .simpdog-age-gate.simpdog-age-gate--win95.sc-popover-age { display:flex!important }，否則按鈕關閉後仍會被 flex 蓋掉 */
html.simpdog-age-hidden .simpdog-age-gate.simpdog-age-gate--win95.sc-popover-age,
html.simpdog-age-hidden .simpdog-age-gate.simpdog-age-gate--win95,
body.simpdog-age-hidden .simpdog-age-gate.simpdog-age-gate--win95.sc-popover-age,
body.simpdog-age-hidden .simpdog-age-gate.simpdog-age-gate--win95,
.simpdog-age-gate.simpdog-age-gate--win95.sc-popover-age[aria-hidden="true"],
.simpdog-age-gate.simpdog-age-gate--win95[aria-hidden="true"] {
	display: none !important;
	pointer-events: none !important;
}

/* 結帳欄位對齊 Tailwind 外觀 */
.simpdog-theme .woocommerce form .form-row input.input-text,
.simpdog-theme .woocommerce form .form-row textarea,
.simpdog-theme .woocommerce form .form-row select {
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.75rem;
	padding: 0.75rem 1rem;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}

/* Checkout focus state: soft cyan glow to match simpdog theme */
.simpdog-checkout-form .form-row input.input-text:focus,
.simpdog-checkout-form .form-row textarea:focus,
.simpdog-checkout-form .form-row select:focus {
	border-color: rgba(34, 211, 238, 0.95) !important;
	box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.22), 0 0 16px rgba(34, 211, 238, 0.18) !important;
	background: rgba(8, 20, 38, 0.72) !important;
	color: #ecfeff !important;
	outline: none !important;
}

.simpdog-checkout-form .form-row input.input-text::placeholder,
.simpdog-checkout-form .form-row textarea::placeholder {
	color: rgba(148, 163, 184, 0.88);
}

.simpdog-theme .woocommerce form .form-row label {
	color: #9ca3af;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 0.5rem;
	display: block;
}

.simpdog-theme #payment .payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
}

.simpdog-theme #payment .payment_methods li {
	margin-bottom: 0.75rem;
}

.simpdog-theme #payment,
.simpdog-theme .woocommerce-checkout-review-order-table {
	background: transparent !important;
}

/* Custom checkout visual system (no native Woo look) */
.simpdog-checkout-form .woocommerce-checkout-review-order-table {
	width: 100%;
	border: 0 !important;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table th,
.simpdog-checkout-form .woocommerce-checkout-review-order-table td {
	border: 0 !important;
	padding: 0.45rem 0 !important;
	color: #d1d5db;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table .order-total td,
.simpdog-checkout-form .woocommerce-checkout-review-order-table .order-total th {
	color: #f472b6;
	font-size: 0.95rem;
	font-weight: 900;
	padding-top: 0.75rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
	font-size: 0.95rem;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
	font-size: 1.35rem;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table .cart-discount th,
.simpdog-checkout-form .woocommerce-checkout-review-order-table .cart-discount td {
	color: #34d399;
}

.simpdog-checkout-form .woocommerce-checkout-review-order-table .product-total {
	color: #22d3ee;
	font-weight: 700;
}

.simpdog-checkout-form #payment .payment_methods > li {
	border: 1px solid rgba(236, 72, 153, 0.35);
	background: rgba(236, 72, 153, 0.08);
	padding: 0.85rem;
	border-radius: 0.9rem;
}

.simpdog-checkout-form #payment .payment_methods > li label {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.simpdog-checkout-form #payment .payment_methods > li img {
	max-height: 1.15rem;
	width: auto;
}

.simpdog-checkout-form #payment .payment_methods .input-radio {
	margin-right: 0.5rem;
	transform: scale(1.1);
	accent-color: #ec4899;
}

.simpdog-checkout-form #payment .payment_methods label {
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.simpdog-checkout-form #payment .place-order .button {
	width: 100% !important;
	padding: 1rem 1.25rem !important;
}

.simpdog-checkout-form #payment .place-order {
	display: none !important;
}

.simpdog-checkout-form #payment .payment_box {
	margin-top: 0.5rem;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.75rem;
	padding: 0.65rem 0.85rem;
	color: #cbd5e1;
	font-size: 0.85rem;
}

.simpdog-checkout-form .woocommerce-checkout-review-order {
	scrollbar-width: thin;
}

.simpdog-success-meta {
	display: grid;
	gap: 0.45rem;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.9rem;
	padding: 0.75rem 0.9rem;
}

.simpdog-success-meta > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: 0.82rem;
	color: #9ca3af;
}

.simpdog-success-meta > div strong {
	color: #fff;
	font-weight: 800;
}

.simpdog-checkout-step-block .woocommerce-billing-fields__field-wrapper,
.simpdog-checkout-step-block .woocommerce-shipping-fields__field-wrapper,
.simpdog-checkout-step-block .woocommerce-additional-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.85rem;
}

@media (min-width: 768px) {
	.simpdog-checkout-step-block .woocommerce-billing-fields__field-wrapper,
	.simpdog-checkout-step-block .woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.simpdog-checkout-step-block .form-row-wide {
		grid-column: 1 / -1;
	}
}

.simpdog-checkout-step-block .woocommerce-additional-fields {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.16);
}

.simpdog-checkout-step-block textarea[name="order_comments"] {
	min-height: 82px;
	resize: vertical;
}

.simpdog-checkout-step-block .woocommerce-billing-fields h3,
.simpdog-checkout-step-block .woocommerce-shipping-fields h3,
.simpdog-checkout-step-block .woocommerce-additional-fields h3 {
	display: none;
}

/* 7-11 門市地圖/選點區塊：統一成參考 HTML 的霓虹卡片樣式 */
.simpdog-store-picker :is(button, a, input[type="button"], input[type="submit"]) {
	width: 100%;
	border: 2px dashed rgba(6, 182, 212, 0.5) !important;
	color: #22d3ee !important;
	background: transparent !important;
	padding: 1rem 0.9rem !important;
	border-radius: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em;
	transition: all 0.2s ease;
}

.simpdog-store-picker :is(button, a, input[type="button"], input[type="submit"]):hover {
	color: #fff !important;
	border-color: #22d3ee !important;
	background: rgba(6, 182, 212, 0.2) !important;
}

.simpdog-store-picker :is(input[type="text"], select, textarea) {
	background: rgba(0, 0, 0, 0.5) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.75rem !important;
	color: #fff !important;
}

/* common third-party store picker hooks */
.simpdog-store-picker [id*="store"],
.simpdog-store-picker [class*="store"],
.simpdog-store-picker [id*="cvs"],
.simpdog-store-picker [class*="cvs"],
.simpdog-store-picker [id*="ecpay"],
.simpdog-store-picker [class*="ecpay"] {
	color: #e5e7eb;
}

.simpdog-checkout-form #order_review .wc_payment_methods {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.2);
}

.simpdog-theme .woocommerce-error,
.simpdog-theme .woocommerce-info,
.simpdog-theme .woocommerce-message {
	background: rgba(0, 0, 0, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #f3f4f6;
	border-radius: 0.8rem;
	padding: 0.85rem 1rem;
}

/* Hide plugin single-coupon widgets (e.g. Smart Coupons) in checkout/cart UI */
.simpdog-theme .wt_sc_single_coupon,
.simpdog-theme #wt_sc_single_coupon,
.simpdog-theme [data-wt_sc_single_coupon],
.simpdog-theme [class*="wt_sc_single_coupon"] {
	display: none !important;
}

/* Checkout submit overlay: keep page readable, remove white mask */
.simpdog-theme .blockUI.blockOverlay,
.simpdog-theme .woocommerce-checkout .blockUI.blockOverlay,
.simpdog-theme form.checkout.processing::after {
	background: transparent !important;
	opacity: 0 !important;
}

/* 導覽列滾動態樣（對齊參考 HTML glass-panel） */
.simpdog-nav.simpdog-nav--scrolled {
	background: rgba(20, 20, 20, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

/* 手機選單展開 */
#simpdog-mobile-panel {
	transform-origin: top;
}

#simpdog-mobile-panel.simpdog-mobile-open {
	transform: scaleY(1) !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 70;
}

/* 裝備分類折疊：高度由主題 CSS 控制，避免 Tailwind `max-h-0` 蓋過展開狀態 */
[data-simpdog-mobile-cat-panel].simpdog-mobile-cat-panel-inner {
	max-height: 0;
	margin-bottom: 0;
	overflow: hidden;
}

[data-simpdog-mobile-cat-panel].simpdog-mobile-cat-open {
	/* 足夠大的上限，讓分類列表完整展開（外層選單本身有 max-h 捲動） */
	max-height: 100vh !important;
	margin-bottom: 0.5rem;
	border-left: 2px solid #06b6d4;
	padding-left: 0.25rem;
}

[data-simpdog-mobile-cat-toggle].is-open .simpdog-chevron {
	transform: rotate(90deg);
	color: #22d3ee;
}

/* 單品頁加入購物車表單 */
.simpdog-single-summary form.cart {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1rem;
}

@media (min-width: 640px) {
	.simpdog-single-summary form.cart {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
}

.simpdog-single-summary form.cart .quantity {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 0.25rem 0.5rem;
	background: rgba(20, 20, 20, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
}

.simpdog-single-summary form.cart .quantity input.qty {
	width: 3rem;
	text-align: center;
	font-weight: 900;
	font-size: 1.125rem;
	background: transparent;
	border: 0;
	color: #fff;
	appearance: textfield;
	-moz-appearance: textfield;
}

.simpdog-single-summary form.cart .quantity input.qty::-webkit-outer-spin-button,
.simpdog-single-summary form.cart .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.simpdog-single-summary form.cart button.single_add_to_cart_button {
	flex: 1;
	min-width: 200px;
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 9999px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 1rem 1.5rem !important;
	transition: background 0.2s, border-color 0.2s !important;
}

.simpdog-single-summary form.cart button.single_add_to_cart_button:hover {
	background: rgba(255, 255, 255, 0.2) !important;
}

.simpdog-single-summary .product-long-desc a {
	color: #22d3ee;
}

.simpdog-single-summary .product-long-desc img {
	max-width: 100%;
	height: auto;
	border-radius: 0.75rem;
}

.simpdog-stock-badge {
	z-index: 30;
	pointer-events: none;
}

.simpdog-flavor-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
	padding: 0.15rem;
}

.simpdog-flavor-scroll {
	height: 220px;
	overflow-y: auto;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 0.75rem;
	padding: 0.45rem;
	background: rgba(2, 6, 23, 0.88);
}

.simpdog-flavor-chip {
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(15, 23, 42, 0.78);
	color: #e5e7eb;
	padding: 0.58rem 0.6rem;
	min-height: 2.8rem;
	border-radius: 0.6rem;
	font-weight: 800;
	font-size: 0.95rem;
	line-height: 1.2;
	letter-spacing: 0.01em;
	transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.simpdog-flavor-chip:hover {
	background: rgba(30, 41, 59, 0.95);
	transform: translateY(-1px);
	color: #fff;
}

.simpdog-flavor-chip.is-active {
	background: #020617;
	border-color: #f97316;
	color: #fff;
	box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.4), 0 0 14px rgba(249, 115, 22, 0.2);
}

.simpdog-qty-pill {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	min-width: 168px;
	height: 56px;
	padding: 0 0.65rem;
	border-radius: 9999px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(2, 6, 23, 0.8);
}

.simpdog-qty-btn {
	border: 0;
	background: transparent;
	color: #9ca3af;
	font-size: 1.4rem;
	line-height: 1;
	width: 36px;
	height: 36px;
	cursor: pointer;
	border-radius: 9999px;
	transition: color 0.2s, background 0.2s;
}

.simpdog-qty-btn:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.simpdog-qty-input {
	width: 52px;
	text-align: center;
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1;
}

.simpdog-qty-input:focus {
	outline: none;
}

.simpdog-qty-input::-webkit-outer-spin-button,
.simpdog-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

@media (max-width: 767px) {
	.simpdog-flavor-scroll {
		height: 186px;
		padding: 0.4rem;
	}
	.simpdog-flavor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		padding: 0.1rem;
	}
	.simpdog-flavor-chip {
		font-size: 0.92rem;
		min-height: 2.45rem;
	}
	.simpdog-qty-pill {
		min-width: 152px;
		height: 52px;
	}
	.simpdog-qty-input {
		font-size: 1.35rem;
		width: 48px;
	}
}

/* 會員中心 / 帳號頁 — 對齊深色霓虹 */
.simpdog-theme.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 9999px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.4);
	color: #d1d5db;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.75rem;
	text-decoration: none;
	transition: border-color 0.2s, color 0.2s;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	border-color: #ec4899;
	color: #f472b6;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content {
	background: rgba(20, 20, 20, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.5rem;
	padding: 1.5rem;
}

.simpdog-shop-pagination ul {
	list-style: none;
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.simpdog-shop-pagination a,
.simpdog-shop-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.65rem;
	border-radius: 9999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.35);
	color: #cbd5e1;
	font-weight: 700;
	text-decoration: none;
}

.simpdog-shop-pagination .current {
	background: #06b6d4;
	border-color: #22d3ee;
	color: #020617;
}

/* MyAccount login/register page (custom, no default Woo look) */
.simpdog-auth-card .woocommerce-notices-wrapper:empty {
	display: none;
}

.simpdog-auth-card .woocommerce-notices-wrapper {
	margin-bottom: 1rem;
}

.simpdog-auth-forms {
	position: relative;
}

.simpdog-auth-form {
	display: none;
	animation: simpdog-fade-in 0.2s ease-out;
}

.simpdog-auth-form.is-active {
	display: block;
}

.simpdog-auth-card .woocommerce-form-row label {
	display: block;
	color: #9ca3af;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.45rem;
}

.simpdog-auth-card input.input-text {
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.9rem 1rem;
	border-radius: 0.75rem;
	color: #fff;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.simpdog-auth-card input.input-text:focus {
	outline: none;
	border-color: rgba(236, 72, 153, 0.85);
	box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.16);
}

.simpdog-auth-card .form-row {
	margin-bottom: 0.9rem;
}

.simpdog-auth-actions {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 1rem;
}

.simpdog-auth-card .woocommerce-form-login__rememberme {
	font-size: 0.8rem;
	color: #9ca3af;
}

.simpdog-auth-card .button,
.simpdog-auth-card button.button,
.simpdog-auth-card .woocommerce-button {
	width: 100%;
	border: 0 !important;
	border-radius: 0.75rem !important;
	padding: 0.95rem 1rem !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: #fff !important;
	background: linear-gradient(to right, #db2777, #7c3aed) !important;
	box-shadow: 0 0 20px rgba(236, 72, 153, 0.35);
}

.simpdog-auth-card .lost_password {
	text-align: right;
	margin-top: 0.6rem;
	margin-bottom: 0;
}

.simpdog-auth-card .lost_password a {
	color: #22d3ee;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* MyAccount custom endpoints */
.simpdog-account-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 0.9rem;
}

@media (min-width: 768px) {
	.simpdog-account-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.simpdog-account-tile {
	display: block;
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, rgba(8, 12, 26, 0.86), rgba(9, 20, 30, 0.75));
	border: 1px solid rgba(255, 255, 255, 0.12);
	text-decoration: none;
	transition: transform 0.2s, border-color 0.2s;
}

.simpdog-account-tile:hover {
	transform: translateY(-2px);
	border-color: rgba(34, 211, 238, 0.5);
}

.simpdog-account-tile-title {
	display: block;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.simpdog-account-tile-sub {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.8rem;
	color: #94a3b8;
}

.simpdog-account-table-wrap {
	overflow-x: auto;
}

.simpdog-account-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.simpdog-account-table th,
.simpdog-account-table td {
	padding: 0.75rem 0.55rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #d1d5db;
	white-space: nowrap;
}

.simpdog-account-table th {
	color: #94a3b8;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.simpdog-account-table .button {
	padding: 0.45rem 0.8rem !important;
	border-radius: 9999px !important;
	background: rgba(34, 211, 238, 0.16) !important;
	border: 1px solid rgba(34, 211, 238, 0.5) !important;
	color: #67e8f9 !important;
}

.simpdog-order-status {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	border-radius: 9999px;
	background: rgba(236, 72, 153, 0.15);
	border: 1px solid rgba(236, 72, 153, 0.4);
	color: #f9a8d4;
	font-weight: 700;
}

.simpdog-account-edit .form-row {
	margin-bottom: 0.9rem;
}

.simpdog-account-edit label {
	display: block;
	margin-bottom: 0.45rem;
	font-size: 0.74rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: #94a3b8;
}

.simpdog-account-edit input.input-text,
.simpdog-account-edit input[type="email"],
.simpdog-account-edit input[type="password"] {
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 0.82rem 0.95rem;
	color: #fff;
}

.simpdog-password-fieldset {
	margin-top: 1rem;
	border: 1px dashed rgba(255, 255, 255, 0.18);
	border-radius: 0.9rem;
	padding: 1rem;
}

.simpdog-password-fieldset legend {
	padding: 0 0.4rem;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #22d3ee;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content th,
.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content td {
	padding: 0.7rem 0.55rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #d1d5db;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content address {
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.8rem;
	padding: 0.9rem 1rem;
	color: #d1d5db;
}

.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content .button,
.simpdog-theme.woocommerce-account .woocommerce-MyAccount-content button.button {
	border-radius: 9999px !important;
	padding: 0.52rem 0.95rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
}

.simpdog-address-form .form-row {
	margin-bottom: 0.9rem;
}

.simpdog-address-form .form-row label {
	display: block;
	margin-bottom: 0.45rem;
	font-size: 0.74rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: #94a3b8;
}

.simpdog-address-form .input-text,
.simpdog-address-form select,
.simpdog-address-form textarea {
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 0.82rem 0.95rem;
	color: #fff;
}

/* Final visual parity sweep: shop/cart/checkout/single/account */
.simpdog-theme .simpdog-glass-panel {
	box-shadow: 0 10px 36px rgba(2, 6, 23, 0.42);
}

.simpdog-lineup-card {
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 12px 30px rgba(3, 7, 18, 0.45);
}

.simpdog-lineup-card:hover {
	transform: translateY(-4px);
	border-color: rgba(236, 72, 153, 0.55);
}

.simpdog-lineup-card-title {
	font-size: 1.75rem;
}

.simpdog-lineup-card-flavor {
	min-height: 2.6em;
}

.simpdog-card-cart-btn {
	width: 52px;
	height: 52px;
}

.simpdog-cart-item {
	border-radius: 1rem;
	padding: 1rem;
}

.simpdog-cart-item h3 {
	font-size: 1.12rem;
	letter-spacing: -0.01em;
}

.simpdog-checkout-form .simpdog-coupon-ticket {
	min-height: 76px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.simpdog-checkout-form .simpdog-coupon-ticket > div:first-child {
	line-height: 1;
}

.simpdog-checkout-form #customer_details,
.simpdog-checkout-form .simpdog-glass-panel.border-t-4 {
	box-shadow: 0 12px 32px rgba(2, 6, 23, 0.45);
}

.simpdog-checkout-form #simpdog-place-order {
	min-height: 56px;
}

.simpdog-single-summary h1 {
	letter-spacing: -0.03em;
}

.simpdog-stock-badge {
	font-size: 0.68rem;
	letter-spacing: 0.11em;
}

@media (max-width: 767px) {
	.simpdog-lineup-card-title {
		font-size: 1.5rem;
	}
	.simpdog-lineup-card-image {
		max-width: 100%;
		max-height: 100%;
	}
	.simpdog-checkout-form .simpdog-coupon-ticket {
		min-height: 70px;
	}
}

/* Strongly scoped single-product controls (prevent external overrides) */
.simpdog-single-controls .simpdog-flavor-scroll {
	height: 220px !important;
	overflow-y: auto !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.75rem !important;
	padding: 0.45rem !important;
	background: rgba(5, 8, 20, 0.92) !important;
}

.simpdog-single-controls .simpdog-flavor-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.55rem !important;
	padding: 0.15rem !important;
}

.simpdog-single-controls .simpdog-flavor-chip {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: linear-gradient(180deg, rgba(17, 24, 39, 0.9), rgba(10, 15, 28, 0.92)) !important;
	color: #e5e7eb !important;
	padding: 0.72rem 0.58rem !important;
	min-height: 4.25rem !important;
	border-radius: 0.55rem !important;
	font-weight: 800 !important;
	font-size: 0.95rem !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.22rem !important;
	text-align: center !important;
}

.simpdog-single-controls .simpdog-flavor-chip.is-active {
	background: linear-gradient(180deg, rgba(101, 16, 45, 0.8), rgba(45, 9, 26, 0.9)) !important;
	border-color: rgba(244, 114, 182, 0.95) !important;
	color: #fff !important;
	box-shadow: 0 0 0 1px rgba(244, 114, 182, 0.45), 0 0 14px rgba(236, 72, 153, 0.22) !important;
}

.simpdog-single-controls .simpdog-flavor-title {
	font-size: 1.04rem !important;
	font-weight: 900 !important;
	color: inherit !important;
	line-height: 1.15 !important;
}

.simpdog-single-controls .simpdog-flavor-sub {
	font-size: 0.72rem !important;
	color: #9ca3af !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
}

.simpdog-single-controls .simpdog-flavor-chip.is-active .simpdog-flavor-sub {
	color: #f9a8d4 !important;
}

.simpdog-single-controls .simpdog-qty-pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-width: 168px !important;
	height: 56px !important;
	padding: 0 0.65rem !important;
	border-radius: 9999px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background: rgba(2, 6, 23, 0.8) !important;
}

.simpdog-single-controls .simpdog-qty-btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 0 !important;
	background: transparent !important;
	color: #9ca3af !important;
	font-size: 1.4rem !important;
	line-height: 1 !important;
	width: 36px !important;
	height: 36px !important;
	cursor: pointer !important;
	border-radius: 9999px !important;
}

.simpdog-single-controls .simpdog-qty-input {
	appearance: textfield !important;
	-moz-appearance: textfield !important;
	width: 52px !important;
	text-align: center !important;
	background: transparent !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 1.5rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

@media (max-width: 767px) {
	.simpdog-single-controls .simpdog-flavor-scroll {
		height: 186px !important;
		padding: 0.4rem !important;
	}
	.simpdog-single-controls .simpdog-flavor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.5rem !important;
		padding: 0.1rem !important;
	}
	.simpdog-single-controls .simpdog-flavor-chip {
		font-size: 0.9rem !important;
		min-height: 3.8rem !important;
	}
	.simpdog-single-controls .simpdog-flavor-title {
		font-size: 0.96rem !important;
	}
	.simpdog-single-controls .simpdog-qty-pill {
		min-width: 152px !important;
		height: 52px !important;
	}
	.simpdog-single-controls .simpdog-qty-input {
		font-size: 1.35rem !important;
		width: 48px !important;
	}
}


/* === simpdog-tailwind-prod utilities (auto) === */
/* Auto-generated production utilities — replaces cdn.tailwindcss.com JIT */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
ul,ol{list-style:none;margin:0;padding:0}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.contents{display:contents}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
.static{position:static}
.inset-0{inset:0}
.top-0{top:0}
.right-0{right:0}
.bottom-0{bottom:0}
.left-0{left:0}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.whitespace-normal{white-space:normal}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.underline{text-decoration-line:underline}
.no-underline{text-decoration-line:none}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.italic{font-style:italic}
.not-italic{font-style:normal}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.cursor-pointer{cursor:pointer}
.cursor-default{cursor:default}
.select-none{user-select:none}
.select-all{user-select:all}
.appearance-none{appearance:none}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.ring-0{box-shadow:0 0 #0000}
.shadow{box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}
.shadow-none{box-shadow:0 0 #0000}
.shadow-inner{box-shadow:inset 0 2px 4px 0 rgb(0 0 0/.05)}
.w-full{width:100%}
.h-full{height:100%}
.w-screen{width:100vw}
.h-screen{height:100vh}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.max-w-full{max-width:100%}
.max-w-none{max-width:none}
.max-w-7xl{max-width:80rem}
.max-w-6xl{max-width:72rem}
.max-w-5xl{max-width:64rem}
.max-w-4xl{max-width:56rem}
.max-w-3xl{max-width:48rem}
.max-w-2xl{max-width:42rem}
.max-w-xl{max-width:36rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-auto{margin-top:auto;margin-bottom:auto}
.object-cover{object-fit:cover}
.object-contain{object-fit:contain}
.object-center{object-position:center}
.grow{flex-grow:1}
.grow-0{flex-grow:0}
.shrink{flex-shrink:1}
.shrink-0{flex-shrink:0}
.flex-1{flex:1 1 0%}
.flex-auto{flex:1 1 auto}
.flex-none{flex:none}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-stretch{align-items:stretch}
.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-evenly{justify-content:space-evenly}
.self-center{align-self:center}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.font-thin{font-weight:100}
.font-light{font-weight:300}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-black{font-weight:900}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-normal{line-height:1.5}
.leading-relaxed{line-height:1.625}
.leading-loose{line-height:2}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.1em}
.rounded{border-radius:.25rem}
.rounded-none{border-radius:0}
.rounded-sm{border-radius:.125rem}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-0{border-width:0}
.border-2{border-width:2px}
.border-4{border-width:4px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.opacity-0{opacity:0}
.opacity-50{opacity:.5}
.opacity-60{opacity:.6}
.opacity-70{opacity:.7}
.opacity-80{opacity:.8}
.opacity-90{opacity:.9}
.opacity-100{opacity:1}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.scale-95{transform:scale(.95)}
.scale-100{transform:scale(1)}
.scale-105{transform:scale(1.05)}
.scale-110{transform:scale(1.1)}
.rotate-45{transform:rotate(45deg)}
.rotate-90{transform:rotate(90deg)}
.rotate-180{transform:rotate(180deg)}
.-rotate-45{transform:rotate(-45deg)}
.-rotate-90{transform:rotate(-90deg)}
.translate-x-0{transform:translateX(0)}
.translate-y-0{transform:translateY(0)}
.-translate-x-1\/2{transform:translateX(-50%)}
.-translate-y-1\/2{transform:translateY(-50%)}
.translate-x-1\/2{transform:translateX(50%)}
.translate-y-1\/2{transform:translateY(50%)}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.col-span-1{grid-column:span 1 / span 1}
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}
.col-span-full{grid-column:1 / -1}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.container{width:100%}
.mb-2{margin-bottom:0.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.text-gray-500{color:#6b7280}
.from-pink-500,.from-purple-500,.from-cyan-400,.from-white,.from-black{--tw-gradient-from:var(--tw-gradient-from-color,currentColor);--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-500,.to-purple-600,.to-cyan-500,.to-white,.to-black{--tw-gradient-to:var(--tw-gradient-to-color,currentColor)}
.from-transparent{--tw-gradient-from:transparent;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-transparent{--tw-gradient-to:transparent}
.from-current{--tw-gradient-from:currentColor;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-current{--tw-gradient-to:currentColor}
.from-black{--tw-gradient-from:#000;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-black{--tw-gradient-to:#000}
.from-white{--tw-gradient-from:#fff;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-white{--tw-gradient-to:#fff}
.from-slate-50{--tw-gradient-from:#f8fafc;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-50{--tw-gradient-to:#f8fafc}
.from-slate-100{--tw-gradient-from:#f1f5f9;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-100{--tw-gradient-to:#f1f5f9}
.from-slate-200{--tw-gradient-from:#e2e8f0;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-200{--tw-gradient-to:#e2e8f0}
.from-slate-300{--tw-gradient-from:#cbd5e1;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-300{--tw-gradient-to:#cbd5e1}
.from-slate-400{--tw-gradient-from:#94a3b8;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-400{--tw-gradient-to:#94a3b8}
.from-slate-500{--tw-gradient-from:#64748b;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-500{--tw-gradient-to:#64748b}
.from-slate-600{--tw-gradient-from:#475569;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-600{--tw-gradient-to:#475569}
.from-slate-700{--tw-gradient-from:#334155;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-700{--tw-gradient-to:#334155}
.from-slate-800{--tw-gradient-from:#1e293b;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-800{--tw-gradient-to:#1e293b}
.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-900{--tw-gradient-to:#0f172a}
.from-slate-950{--tw-gradient-from:#020617;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-slate-950{--tw-gradient-to:#020617}
.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-50{--tw-gradient-to:#f9fafb}
.from-gray-100{--tw-gradient-from:#f3f4f6;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-100{--tw-gradient-to:#f3f4f6}
.from-gray-200{--tw-gradient-from:#e5e7eb;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-200{--tw-gradient-to:#e5e7eb}
.from-gray-300{--tw-gradient-from:#d1d5db;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-300{--tw-gradient-to:#d1d5db}
.from-gray-400{--tw-gradient-from:#9ca3af;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-400{--tw-gradient-to:#9ca3af}
.from-gray-500{--tw-gradient-from:#6b7280;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-500{--tw-gradient-to:#6b7280}
.from-gray-600{--tw-gradient-from:#4b5563;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-600{--tw-gradient-to:#4b5563}
.from-gray-700{--tw-gradient-from:#374151;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-700{--tw-gradient-to:#374151}
.from-gray-800{--tw-gradient-from:#1f2937;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-800{--tw-gradient-to:#1f2937}
.from-gray-900{--tw-gradient-from:#111827;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-gray-900{--tw-gradient-to:#111827}
.from-zinc-800{--tw-gradient-from:#27272a;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-zinc-800{--tw-gradient-to:#27272a}
.from-zinc-900{--tw-gradient-from:#18181b;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-zinc-900{--tw-gradient-to:#18181b}
.from-neutral-800{--tw-gradient-from:#262626;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-neutral-800{--tw-gradient-to:#262626}
.from-neutral-900{--tw-gradient-from:#171717;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-neutral-900{--tw-gradient-to:#171717}
.from-red-500{--tw-gradient-from:#ef4444;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-red-500{--tw-gradient-to:#ef4444}
.from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-red-600{--tw-gradient-to:#dc2626}
.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-orange-500{--tw-gradient-to:#f97316}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-amber-400{--tw-gradient-to:#fbbf24}
.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-yellow-400{--tw-gradient-to:#facc15}
.from-green-500{--tw-gradient-from:#22c55e;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-green-500{--tw-gradient-to:#22c55e}
.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-emerald-400{--tw-gradient-to:#34d399}
.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-emerald-500{--tw-gradient-to:#10b981}
.from-cyan-400{--tw-gradient-from:#22d3ee;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-cyan-400{--tw-gradient-to:#22d3ee}
.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-cyan-500{--tw-gradient-to:#06b6d4}
.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-sky-400{--tw-gradient-to:#38bdf8}
.from-sky-500{--tw-gradient-from:#0ea5e9;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-sky-500{--tw-gradient-to:#0ea5e9}
.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-blue-500{--tw-gradient-to:#3b82f6}
.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-blue-600{--tw-gradient-to:#2563eb}
.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-indigo-500{--tw-gradient-to:#6366f1}
.from-violet-500{--tw-gradient-from:#8b5cf6;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-violet-500{--tw-gradient-to:#8b5cf6}
.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-500{--tw-gradient-to:#a855f7}
.from-fuchsia-500{--tw-gradient-from:#d946ef;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-fuchsia-500{--tw-gradient-to:#d946ef}
.from-pink-500{--tw-gradient-from:#ec4899;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-500{--tw-gradient-to:#ec4899}
.from-rose-500{--tw-gradient-from:#f43f5e;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-rose-500{--tw-gradient-to:#f43f5e}
.from-pink-400{--tw-gradient-from:#f472b6;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-400{--tw-gradient-to:#f472b6}
.from-purple-400{--tw-gradient-from:#c084fc;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-400{--tw-gradient-to:#c084fc}
.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-600{--tw-gradient-to:#9333ea}
.from-pink-50{--tw-gradient-from:#fdf2f8;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-50{--tw-gradient-to:#fdf2f8}
.from-pink-100{--tw-gradient-from:#fce7f3;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-100{--tw-gradient-to:#fce7f3}
.from-pink-200{--tw-gradient-from:#fbcfe8;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-200{--tw-gradient-to:#fbcfe8}
.from-pink-300{--tw-gradient-from:#f9a8d4;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-300{--tw-gradient-to:#f9a8d4}
.from-pink-600{--tw-gradient-from:#db2777;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-600{--tw-gradient-to:#db2777}
.from-pink-700{--tw-gradient-from:#be185d;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-700{--tw-gradient-to:#be185d}
.from-pink-800{--tw-gradient-from:#9d174d;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-800{--tw-gradient-to:#9d174d}
.from-pink-900{--tw-gradient-from:#831843;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-pink-900{--tw-gradient-to:#831843}
.from-purple-50{--tw-gradient-from:#faf5ff;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-50{--tw-gradient-to:#faf5ff}
.from-purple-100{--tw-gradient-from:#f3e8ff;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-100{--tw-gradient-to:#f3e8ff}
.from-purple-200{--tw-gradient-from:#e9d5ff;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-200{--tw-gradient-to:#e9d5ff}
.from-purple-300{--tw-gradient-from:#d8b4fe;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-300{--tw-gradient-to:#d8b4fe}
.from-purple-700{--tw-gradient-from:#7e22ce;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-700{--tw-gradient-to:#7e22ce}
.from-purple-800{--tw-gradient-from:#6b21a8;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-800{--tw-gradient-to:#6b21a8}
.from-purple-900{--tw-gradient-from:#581c87;--tw-gradient-to:rgb(255 255 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-900{--tw-gradient-to:#581c87}
