/* ==========================================================================
   The Balloon - Desktop Navigation & Header Styles (Clean Unified)
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Header Bar Container & Layout
   -------------------------------------------------------------------------- */
/* Standard Header Container */
.mkdf-page-header {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background-color: #ffffff !important;
	border-bottom: 1px solid #f6ecf1 !important;
	height: 76px !important;
	max-height: 76px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.03) !important;
	box-sizing: border-box !important;
}

.admin-bar .mkdf-page-header {
	top: 0 !important;
}

.mkdf-page-header .mkdf-menu-area,
.mkdf-page-header .mkdf-fixed-wrapper,
.mkdf-page-header .mkdf-fixed-wrapper.fixed {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	height: 76px !important;
	max-height: 76px !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Sticky Header Container (Restores native fixed slide-in behavior) */
.mkdf-sticky-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 76px !important;
	max-height: 76px !important;
	z-index: 9999 !important;
	box-sizing: border-box !important;
	-webkit-transform: translateY(-100%) !important;
	-ms-transform: translateY(-100%) !important;
	transform: translateY(-100%) !important;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mkdf-sticky-header.header-appear {
	-webkit-transform: translateY(0%) !important;
	-ms-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
}

.admin-bar .mkdf-sticky-header.header-appear {
	top: 32px !important;
}

.mkdf-sticky-header .mkdf-sticky-holder {
	background-color: #ffffff !important;
	border-bottom: 1px solid #f6ecf1 !important;
	height: 76px !important;
	max-height: 76px !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
	box-sizing: border-box !important;
	position: relative !important;
	width: 100% !important;
}

.mkdf-menu-area .mkdf-vertical-align-containers.tb-header-row,
.mkdf-sticky-holder .mkdf-vertical-align-containers.tb-header-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: 76px !important;
	padding: 0 32px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

/* --------------------------------------------------------------------------
   1. Left Column: Logo
   -------------------------------------------------------------------------- */
.mkdf-page-header .mkdf-position-left,
.mkdf-sticky-header .mkdf-position-left {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: 76px !important;
	float: none !important;
	position: static !important;
	margin-right: auto !important;
}

.mkdf-page-header .mkdf-position-left-inner,
.mkdf-sticky-header .mkdf-position-left-inner {
	display: flex !important;
	align-items: center !important;
	height: 76px !important;
}

.mkdf-page-header .mkdf-logo-wrapper a,
.mkdf-sticky-header .mkdf-logo-wrapper a {
	display: flex !important;
	align-items: center !important;
	max-height: 48px !important;
}

.mkdf-page-header .mkdf-logo-wrapper img,
.mkdf-sticky-header .mkdf-logo-wrapper img {
	max-height: 44px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
}

/* --------------------------------------------------------------------------
   2. Right Column: Navigation + Utilities
   -------------------------------------------------------------------------- */
.mkdf-page-header .mkdf-position-right,
.mkdf-sticky-header .mkdf-position-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: 76px !important;
	float: none !important;
	position: static !important;
	margin-left: auto !important;
}

.mkdf-page-header .mkdf-position-right-inner,
.mkdf-sticky-header .mkdf-position-right-inner {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 12px !important;
	height: 76px !important;
}

.mkdf-main-menu {
	display: flex !important;
	align-items: center !important;
	height: 76px !important;
	width: auto !important;
	margin-right: 4px !important;
}

.mkdf-main-menu > ul {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	gap: 22px !important;
	height: 76px !important;
	width: auto !important;
}

.mkdf-main-menu > ul > li {
	float: none !important;
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 76px !important;
	width: auto !important;
	box-sizing: border-box !important;
}

.mkdf-main-menu > ul > li > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 4px !important;
	height: 76px !important;
	text-decoration: none !important;
	position: relative !important;
	color: #222222 !important;
	line-height: 1 !important;
	top: 0 !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	box-sizing: border-box !important;
	transition: color 0.2s ease !important;
}

.mkdf-main-menu > ul > li > a > span.item_outer {
	position: static !important;
	top: 0 !important;
	left: 0 !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 7px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tb-desktop-menu-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
}

.tb-desktop-menu-icon svg {
	display: block !important;
	stroke: #FF6B9D !important;
	width: 17px !important;
	height: 17px !important;
	stroke-width: 1.8 !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
}

.mkdf-main-menu > ul > li .item_text {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: #222222 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	line-height: 1 !important;
	transition: color 0.2s ease !important;
	display: inline-block !important;
	position: relative !important;
}

/* Remove Fiorello parent theme's text underline :before */
.mkdf-main-menu ul li a .item_text:before,
.mkdf-main-menu ul li:hover > a .item_text:before,
.mkdf-main-menu ul li.mkdf-active-item > a .item_text:before,
.mkdf-main-menu ul li.current-menu-item > a .item_text:before,
.mkdf-main-menu ul li.current_page_item > a .item_text:before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Hover State */
.mkdf-main-menu > ul > li:hover > a .item_text {
	color: #FF6B9D !important;
}

.mkdf-main-menu > ul > li:hover > a .tb-desktop-menu-icon svg {
	transform: translateY(-2px) !important;
	stroke: #FF6B9D !important;
}

/* Single Active State Underline Bar */
.mkdf-main-menu > ul > li.mkdf-active-item > a .item_text,
.mkdf-main-menu > ul > li.current-menu-item > a .item_text,
.mkdf-main-menu > ul > li.current_page_item > a .item_text {
	color: #FF6B9D !important;
}

.mkdf-main-menu > ul > li.mkdf-active-item > a::after,
.mkdf-main-menu > ul > li.current-menu-item > a::after,
.mkdf-main-menu > ul > li.current_page_item > a::after {
	content: '' !important;
	position: absolute !important;
	bottom: 16px !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background: #FF6B9D !important;
	border-radius: 2px !important;
}

/* Vertical Divider in Menu */
.mkdf-main-menu > ul > li.tb-menu-divider-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 76px !important;
	padding: 0 4px !important;
	margin: 0 !important;
	width: auto !important;
}

.tb-header-divider {
	display: block !important;
	width: 1px !important;
	height: 24px !important;
	background-color: #f0e2e8 !important;
}

/* --------------------------------------------------------------------------
   3. Language Switcher Pill (in menu)
   -------------------------------------------------------------------------- */
.mkdf-main-menu > ul > li.tb-desktop-lang-item {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 76px !important;
	width: auto !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item > a.tb-desktop-lang-btn {
	background: #ffffff !important;
	border: 1px solid #f2d8e2 !important;
	border-radius: 22px !important;
	padding: 0 13px !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	line-height: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	top: 0 !important;
	transform: none !important;
	transition: all 0.2s ease !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item > a.tb-desktop-lang-btn:hover {
	border-color: #FF6B9D !important;
	background-color: #fff5f8 !important;
}

.tb-globe-icon {
	stroke: #FF6B9D !important;
	display: block !important;
	transition: transform 0.25s ease !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item:hover .tb-globe-icon {
	transform: rotate(20deg) scale(1.1) !important;
}

.tb-lang-code-text {
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #222222 !important;
	letter-spacing: 0.04em !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.tb-lang-caret-svg {
	stroke: #FF6B9D !important;
	margin-left: 1px !important;
	display: block !important;
	transition: transform 0.2s ease !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item:hover .tb-lang-caret-svg {
	transform: rotate(180deg) !important;
}

/* Language Dropdown */
.mkdf-main-menu > ul > li.tb-desktop-lang-item > .second.tb-compact-dropdown {
	position: absolute !important;
	top: calc(50% + 22px) !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(4px) !important;
	width: 68px !important;
	min-width: 68px !important;
	background: transparent !important;
	padding-top: 6px !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s !important;
	pointer-events: none !important;
	z-index: 99999 !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item:hover > .second.tb-compact-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) translateY(0) !important;
	pointer-events: auto !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item > .second.tb-compact-dropdown .inner {
	background: #ffffff !important;
	border-radius: 12px !important;
	border: 1px solid #fce3ea !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(249, 139, 178, 0.1) !important;
	padding: 5px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.mkdf-main-menu > ul > li.tb-desktop-lang-item > .second.tb-compact-dropdown .inner ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.tb-desktop-lang-subitem {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.tb-desktop-lang-sublink {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 8px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease !important;
}

.tb-lang-code-pill {
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #1e1e1e !important;
	letter-spacing: 0.05em !important;
	transition: color 0.2s ease !important;
}

.tb-desktop-lang-sublink:hover {
	background-color: #fff2f5 !important;
}

.tb-desktop-lang-sublink:hover .tb-lang-code-pill {
	color: #FF6B9D !important;
}

/* --------------------------------------------------------------------------
   4. Right Tools (My Account, Search, Cart)
   -------------------------------------------------------------------------- */
/* My Account Pill Button */
.tb-desktop-account-holder {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.tb-desktop-account-btn {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 0 16px !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	line-height: 36px !important;
	background: #ffffff !important;
	border: 1px solid #f2d8e2 !important;
	border-radius: 22px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tb-account-icon-wrap {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
}

.tb-account-svg {
	stroke: #FF6B9D !important;
	display: block !important;
	stroke-width: 1.8 !important;
	transition: stroke 0.2s ease, transform 0.25s ease !important;
}

.tb-account-label {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #222222 !important;
	text-transform: none !important;
	letter-spacing: 0.01em !important;
	line-height: 1 !important;
	transition: color 0.2s ease !important;
}

.tb-desktop-account-btn:hover {
	border-color: #FF6B9D !important;
	background-color: #fff5f8 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(255, 107, 157, 0.15) !important;
}

.tb-desktop-account-btn:hover .tb-account-svg {
	stroke: #e84f85 !important;
	transform: scale(1.08) !important;
}

.tb-desktop-account-btn:hover .tb-account-label {
	color: #FF6B9D !important;
}

/* Search Circle Opener */
.mkdf-search-opener {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	max-width: 38px !important;
	border-radius: 50% !important;
	background: #fff2f5 !important;
	border: 1px solid #fce8ee !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	color: #FF6B9D !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	transition: all 0.2s ease !important;
}

.mkdf-search-opener .mkdf-search-opener-wrapper,
.mkdf-search-opener i,
.mkdf-search-opener span {
	color: #FF6B9D !important;
	font-size: 16px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.2s ease !important;
}

.mkdf-search-opener:hover {
	background: #ffe5ef !important;
	border-color: #FF6B9D !important;
	transform: scale(1.06) !important;
}

.mkdf-search-opener:hover i,
.mkdf-search-opener:hover span {
	transform: scale(1.1) !important;
}

/* WooCommerce Shopping Cart Solid Pink Pill (Concept Match) */
.mkdf-shopping-cart-holder {
	display: inline-flex !important;
	align-items: center !important;
	position: relative !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.mkdf-shopping-cart-holder .mkdf-shopping-cart-inner {
	display: inline-flex !important;
	align-items: center !important;
}

.mkdf-shopping-cart-holder .mkdf-header-cart {
	background: #FF6B9D !important;
	border-radius: 30px !important;
	padding: 0 18px 0 14px !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	line-height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(255, 107, 157, 0.35) !important;
	box-sizing: border-box !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	position: relative !important;
	white-space: nowrap !important;
}

.mkdf-shopping-cart-holder .mkdf-header-cart:hover {
	background: #f04887 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(255, 107, 157, 0.45) !important;
}

/* Make icon number holder static so badge anchors to the whole .mkdf-header-cart pill */
.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-icon-number-holder,
.mkdf-shopping-cart-holder .mkdf-cart-icon-number-holder {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
}

/* Crisp Vector Outline Shopping Bag Icon */
.mkdf-shopping-cart-holder .mkdf-cart-icon i {
	display: none !important;
}

.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-icon,
.mkdf-shopping-cart-holder .mkdf-cart-icon {
	display: inline-block !important;
	position: static !important;
	width: 18px !important;
	height: 18px !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8H6z'/%3E%3Cpath d='M9 8V5a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
}

.mkdf-shopping-cart-holder.mkdf-cart-info-is-disabled .mkdf-cart-icon-text,
.mkdf-shopping-cart-holder .mkdf-cart-icon-text {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.mkdf-shopping-cart-holder.mkdf-cart-info-is-disabled .mkdf-cart-info,
.mkdf-shopping-cart-holder .mkdf-cart-info {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.mkdf-shopping-cart-holder .mkdf-cart-info-total,
.mkdf-shopping-cart-holder .woocommerce-Price-amount {
	color: #ffffff !important;
}

/* Cart Badge: Solid Pink with Crisp White Border Ring, anchored to top-right corner of pill */
.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-number,
.mkdf-shopping-cart-holder .mkdf-cart-number {
	position: absolute !important;
	top: -8px !important;
	right: -8px !important;
	left: auto !important;
	bottom: auto !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
	background: #FF6B9D !important;
	background-color: #FF6B9D !important;
	color: #ffffff !important;
	font-family: "Gabarito", sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
	line-height: 1 !important;
	border: 2px solid #ffffff !important;
	box-sizing: border-box !important;
	z-index: 10 !important;
	margin: 0 !important;
}

/* ==========================================================================
   4.1 WooCommerce Shopping Cart Dropdown (Modern Concept Design)
   ========================================================================== */
.mkdf-shopping-cart-dropdown {
	position: absolute !important;
	top: calc(100% + 14px) !important;
	right: 0 !important;
	left: auto !important;
	width: 370px !important;
	max-width: 92vw !important;
	background-color: #ffffff !important;
	border: 1px solid #fce3ea !important;
	border-radius: 20px !important;
	box-shadow: 0 16px 45px rgba(0, 0, 0, 0.09), 0 4px 14px rgba(255, 107, 157, 0.08) !important;
	padding: 24px 20px 20px 20px !important;
	box-sizing: border-box !important;
	z-index: 99999 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(8px) !important;
	transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
	max-height: none !important;
	overflow: visible !important;
	pointer-events: none !important;
	text-align: left !important;
}

/* Hover reveal */
.mkdf-shopping-cart-holder:hover .mkdf-shopping-cart-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* Dropdown top triangle pointer */
.mkdf-shopping-cart-dropdown::before {
	content: '' !important;
	position: absolute !important;
	top: -7px !important;
	right: 36px !important;
	width: 13px !important;
	height: 13px !important;
	background: #ffffff !important;
	border-top: 1px solid #fce3ea !important;
	border-left: 1px solid #fce3ea !important;
	transform: rotate(45deg) !important;
	z-index: 2 !important;
	display: block !important;
}

/* List container */
.mkdf-shopping-cart-dropdown ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

/* Cart Item Row */
.mkdf-shopping-cart-dropdown ul li {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 14px !important;
	padding: 0 0 16px 0 !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid #faeaf0 !important;
	position: relative !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: auto !important;
	table-layout: auto !important;
}

/* Product Thumbnail */
.mkdf-shopping-cart-dropdown .mkdf-item-image-holder {
	flex: 0 0 76px !important;
	width: 76px !important;
	height: 76px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background-color: #fff5f8 !important;
	display: block !important;
	position: relative !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-image-holder a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-image-holder img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 12px !important;
	transition: transform 0.25s ease !important;
}

.mkdf-shopping-cart-dropdown ul li:hover .mkdf-item-image-holder img {
	transform: scale(1.05) !important;
}

/* Product Details */
.mkdf-shopping-cart-dropdown .mkdf-item-info-holder {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 0 24px 0 0 !important;
	position: relative !important;
	width: auto !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .mkdf-product-title,
.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .mkdf-product-title a {
	font-family: "Gabarito", sans-serif !important;
	font-size: 15.5px !important;
	font-weight: 600 !important;
	color: #1e1e1e !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	margin: 0 0 6px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	transition: color 0.2s ease !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .mkdf-product-title a:hover {
	color: #FF6B9D !important;
}

/* Quantity & Price */
.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .mkdf-quantity {
	font-family: "Inter", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #888888 !important;
	display: inline-block !important;
	margin: 0 !important;
	letter-spacing: 0.02em !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .mkdf-quantity:after {
	content: " × " !important;
	color: #888888 !important;
	font-weight: 400 !important;
	padding: 0 3px !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .amount,
.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .woocommerce-Price-amount {
	font-family: "Gabarito", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #FF6B9D !important;
	display: inline-block !important;
}

/* Remove button × */
.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .remove {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 22px !important;
	height: 22px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	color: #FF6B9D !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
	opacity: 0.85 !important;
}

.mkdf-shopping-cart-dropdown .mkdf-item-info-holder .remove:hover {
	transform: scale(1.15) !important;
	opacity: 1 !important;
	color: #f04887 !important;
}

/* Cart Bottom / Totals & Buttons */
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	margin: 4px 0 0 0 !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-subtotal-holder {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin: 0 0 16px 0 !important;
	padding: 0 !important;
	border: none !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-subtotal-holder .mkdf-total {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: #1e1e1e !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-subtotal-holder .mkdf-total-amount,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-subtotal-holder .woocommerce-Price-amount {
	font-family: "Gabarito", sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #FF6B9D !important;
	text-align: right !important;
	line-height: 1 !important;
}

/* Button Wrappers */
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-child {
	margin-bottom: 0 !important;
}

/* Button 1: VIEW CART (Pastel Pink) */
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:first-of-type .mkdf-view-cart,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) .mkdf-view-cart {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	line-height: 46px !important;
	background-color: #ffeef4 !important;
	color: #2b2b2b !important;
	border-radius: 12px !important;
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: none !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:first-of-type .mkdf-view-cart::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) .mkdf-view-cart::after {
	content: '→' !important;
	color: #FF6B9D !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	display: inline-block !important;
	transition: transform 0.2s ease !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:first-of-type .mkdf-view-cart:hover,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) .mkdf-view-cart:hover {
	background-color: #fedee9 !important;
	color: #1e1e1e !important;
	transform: translateY(-1px) !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:first-of-type .mkdf-view-cart:hover::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) .mkdf-view-cart:hover::after {
	transform: translateX(3px) !important;
}

/* Button 2: CHECKOUT (Solid Black) */
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-of-type .mkdf-view-cart,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) .mkdf-view-cart,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	line-height: 46px !important;
	background-color: #1a1a1a !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: none !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-of-type .mkdf-view-cart::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) .mkdf-view-cart::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) a::after {
	content: '→' !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	display: inline-block !important;
	transition: transform 0.2s ease !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-of-type .mkdf-view-cart:hover,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) .mkdf-view-cart:hover,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) a:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-of-type .mkdf-view-cart:hover::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) .mkdf-view-cart:hover::after,
.mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(3) a:hover::after {
	transform: translateX(3px) !important;
}

/* Empty Cart State */
.mkdf-shopping-cart-dropdown ul li.mkdf-empty-cart {
	padding: 24px 10px !important;
	text-align: center !important;
	color: #777777 !important;
	font-family: "Inter", sans-serif !important;
	font-size: 14px !important;
	display: block !important;
	border-bottom: none !important;
	margin: 0 !important;
}

/* --------------------------------------------------------------------------
   5. Mega Dropdown Container (Shop)
   -------------------------------------------------------------------------- */
.mkdf-main-menu > ul > li.tb-has-mega {
	position: static !important;
}

.mkdf-main-menu > ul > li.tb-has-mega > .second.tb-mega-dropdown-second {
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(8px) !important;
	width: 1160px !important;
	max-width: 96vw !important;
	background: transparent !important;
	padding-top: 8px !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s !important;
	pointer-events: none !important;
	z-index: 99999 !important;
}

.mkdf-main-menu > ul > li.tb-has-mega:hover > .second.tb-mega-dropdown-second {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) translateY(0) !important;
	pointer-events: auto !important;
}

.tb-mega-dropdown-inner {
	background: #ffffff !important;
	border-radius: 20px !important;
	border: 1px solid #fce3ea !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 6px 18px rgba(249, 139, 178, 0.08) !important;
	padding: 28px 34px 22px 34px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.tb-mega-columns-wrap {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 36px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Column Wrappers - By Category Left (order 1) & By Occasion Right (order 2) */
.tb-mega-col {
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
}

.tb-mega-col-categories {
	flex: 0 0 540px !important;
	max-width: 540px !important;
	order: 1 !important;
}

.tb-mega-col-occasions {
	flex: 0 0 460px !important;
	max-width: 460px !important;
	order: 2 !important;
}

.tb-mega-col-standard {
	flex: 1 1 auto !important;
	order: 3 !important;
}

/* Headers */
.tb-mega-col-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 18px !important;
	padding-bottom: 6px !important;
}

.tb-mega-col-title {
	font-family: "Gabarito", sans-serif !important;
	font-size: 15.5px !important;
	font-weight: 800 !important;
	color: #1e1e1e !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin: 0 !important;
	white-space: nowrap !important;
	line-height: 1 !important;
}

.tb-mega-title-line {
	flex: 1 1 auto !important;
	height: 1px !important;
	background: #fae6ed !important;
}

/* Grid: 3-column Photo Cards */
.tb-mega-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 14px !important;
	width: 100% !important;
}

.tb-mega-card-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	text-decoration: none !important;
	border-radius: 14px !important;
	padding: 10px 8px 12px 8px !important;
	background: #ffffff !important;
	border: 1px solid #f8eaef !important;
	transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.24s ease, border-color 0.2s ease !important;
}

.tb-mega-card-item:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 20px rgba(249, 139, 178, 0.18) !important;
	border-color: #f7a8c3 !important;
}

.tb-mega-card-img-wrap {
	width: 100% !important;
	height: 96px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #fff8fa !important;
	margin-bottom: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.tb-mega-card-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.tb-mega-card-item:hover .tb-mega-card-img {
	transform: scale(1.06) !important;
}

.tb-mega-card-title {
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #1e1e1e !important;
	line-height: 1.25 !important;
	transition: color 0.2s ease !important;
}

.tb-mega-card-item:hover .tb-mega-card-title {
	color: #FF6B9D !important;
}

/* Grid: 2-column Occasion Icon Badges */
.tb-mega-icon-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 8px 12px !important;
	width: 100% !important;
}

.tb-mega-icon-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 7px 10px !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	background: #faf8f9 !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
	white-space: nowrap !important;
}

.tb-mega-icon-item:hover {
	background-color: #fff2f5 !important;
	transform: translateX(3px) !important;
}

.tb-mega-badge {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 1px solid #fce3ea !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 6px rgba(249, 139, 178, 0.12) !important;
	flex-shrink: 0 !important;
}

.tb-mega-badge svg {
	stroke: #FF6B9D !important;
}

.tb-mega-icon-title {
	font-family: "Inter", sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #2b2b2b !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: color 0.2s ease !important;
}

.tb-mega-icon-item:hover .tb-mega-icon-title {
	color: #FF6B9D !important;
}

/* Bottom CTA Banner */
.tb-mega-cta-banner {
	margin-top: 20px !important;
	padding: 14px 20px !important;
	background: linear-gradient(135deg, #fff5f8 0%, #fff0f5 100%) !important;
	border: 1px solid #fce0e8 !important;
	border-radius: 14px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.tb-mega-cta-badge {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 1px solid #fce3ea !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 3px 10px rgba(249, 139, 178, 0.15) !important;
	flex-shrink: 0 !important;
}

.tb-mega-cta-badge svg {
	stroke: #FF6B9D !important;
}

.tb-mega-cta-text {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

.tb-mega-cta-title {
	font-family: "Gabarito", sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	color: #1e1e1e !important;
	margin: 0 !important;
	line-height: 1.25 !important;
}

.tb-mega-cta-desc {
	font-family: "Inter", sans-serif !important;
	font-size: 12.5px !important;
	color: #666666 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.tb-mega-cta-btn {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 6px !important;
	background: #FF6B9D !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	padding: 10px 22px !important;
	font-family: "Gabarito", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	letter-spacing: 0.02em !important;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
	box-shadow: 0 4px 12px rgba(255, 107, 157, 0.35) !important;
	flex-shrink: 0 !important;
}

.tb-mega-cta-btn:hover {
	background: #f04887 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(255, 107, 157, 0.45) !important;
}

.tb-cta-arrow {
	display: inline-block !important;
	transition: transform 0.2s ease !important;
}

.tb-mega-cta-btn:hover .tb-cta-arrow {
	transform: translateX(3px) !important;
}

/* --------------------------------------------------------------------------
   6. Responsive Breakpoints
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1400px) {
	.mkdf-menu-area .mkdf-vertical-align-containers.tb-header-row,
	.mkdf-sticky-holder .mkdf-vertical-align-containers.tb-header-row {
		padding: 0 20px !important;
	}
	.mkdf-main-menu > ul {
		gap: 16px !important;
	}
	.tb-desktop-account-btn {
		padding: 0 12px !important;
	}
	.mkdf-shopping-cart-holder .mkdf-header-cart {
		padding: 0 14px !important;
	}
}

@media screen and (max-width: 1200px) {
	.mkdf-main-menu > ul {
		gap: 10px !important;
	}
	.mkdf-main-menu > ul > li .item_text {
		font-size: 13px !important;
	}
	.tb-account-label {
		display: none !important;
	}
	.tb-desktop-account-btn {
		width: 38px !important;
		height: 38px !important;
		border-radius: 50% !important;
		padding: 0 !important;
		justify-content: center !important;
	}
	.mkdf-shopping-cart-holder .mkdf-cart-info {
		display: none !important;
	}
}