/* ============================================================
   SCC × FunnelKit Cart — editorial design language
   Paste this whole block into:
   FunnelKit Cart → Settings → Customizations → Custom CSS

   Tokens from the editorial chrome (loaded site-wide):
     --cream  #EFEDE6   --paper  #F7F5F0   --ink    #1A1818
     --mute   #6B6763   --soft   #D9D5CC   --red    #CD0000
   Type stack:
     Bebas Neue (display) · Inter (body) · JetBrains Mono (eyebrows)
   ============================================================ */

/* Drive the plugin's own CSS variables with our palette so the
   built-in styles already match — overrides below take care of the rest. */
.fkcart-modal-container,
.fkcart-floating-toggler,
.fkcart-drawer,
.fkcart-drawer-wrap {
	--fkcart-bg-color: #EFEDE6;
	--fkcart-panel-color: #F7F5F0;
	--fkcart-primary-bg-color: #CD0000;
	--fkcart-primary-font-color: #EFEDE6;
	--fkcart-primary-text-color: #1A1818;
	--fkcart-secondary-text-color: #6B6763;
	--fkcart-accent-color: #CD0000;
	--fkcart-border-color: #D9D5CC;
	--fkcart-border-radius: 0px;
	--fkcart-color-black: #1A1818;
	--fkcart-progress-bar-active-color: #CD0000;
	--fkcart-progressbar-active-color: #CD0000;
	--fkcart-progress-bar-active-icon-color: #EFEDE6;
	--fkcart-progress-bar-bg-color-active-icon: #1A1818;
	--fkcart-progress-bar-icon-color: #6B6763;
	--fkcart-reward-color: #CD0000;
	--fkcart-saving-text-price-color: #CD0000;
	--fkcart-strike-through-price-text-color: #6B6763;
	--fkcart-coupon-text-price-color: #CD0000;
	--fkcart-success-bg-color: #1A1818;
	--fkcart-success-color: #EFEDE6;
	--fkcart-error-bg-color: #1A1818;
	--fkcart-error-color: #EFEDE6;
	--fkcart-toggle-bg-color: #1A1818;
	--fkcart-toggle-icon-color: #EFEDE6;
	--fkcart-toggle-count-bg-color: #CD0000;
	--fkcart-toggle-count-font-color: #EFEDE6;
	--fkcart-toggle-border-radius: 0px;
	--fkcart-slider-desktop-width: 460px;
}

/* ------------------------------------------------------------
   1. Floating cart toggler (the round bubble)
   ------------------------------------------------------------ */
.fkcart-floating-toggler {
	border-radius: 0 !important;
	border: 1px solid #1A1818 !important;
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	box-shadow: 0 6px 24px rgba(26, 24, 24, 0.18) !important;
	transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}
.fkcart-floating-toggler:hover {
	background: #CD0000 !important;
	color: #EFEDE6 !important;
	transform: translateY(-1px);
}
.fkcart-floating-toggler .fkcart-floating-icon svg path,
.fkcart-floating-toggler .fkcart-floating-icon svg {
	stroke: currentColor !important;
	fill: none !important;
}
.fkcart-floating-toggler .fkcart-icon-label-non-empty,
.fkcart-floating-toggler .fkcart-toggle-count {
	background: #CD0000 !important;
	color: #EFEDE6 !important;
	border-radius: 99px !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	min-width: 18px !important;
	height: 18px !important;
	border: none !important;
}

/* ------------------------------------------------------------
   2. Drawer container, backdrop, panel chrome
   ------------------------------------------------------------ */
.fkcart-modal-backdrop,
.fkcart-drawer-backdrop {
	background: rgba(26, 24, 24, 0.55) !important;
}

.fkcart-modal-container,
.fkcart-drawer {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	color: #1A1818 !important;
}

.fkcart-preview-ui,
.fkcart-drawer-content,
.fkcart-drawer-wrap {
	background: #EFEDE6 !important;
	box-shadow: -16px 0 60px rgba(26, 24, 24, 0.18) !important;
	border-radius: 0 !important;
}

.fkcart-panel {
	background: #EFEDE6 !important;
	border-radius: 0 !important;
}

/* ------------------------------------------------------------
   3. Header
   ------------------------------------------------------------ */
.fkcart-slider-heading,
.fkcart-drawer-header,
.fkcart-drawer-header-panel {
	background: #EFEDE6 !important;
	border-bottom: 1px solid #D9D5CC !important;
	padding: 24px 26px 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.fkcart-slider-heading .fkcart-title,
.fkcart-drawer-heading,
.fkcart-drawer-header-heading {
	font-family: 'Bebas Neue', Impact, sans-serif !important;
	font-size: 42px !important;
	letter-spacing: 1.4px !important;
	line-height: 0.9 !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
	margin: 0 !important;
}

.fkcart-slider-heading .fkcart-title span {
	color: #CD0000 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 1.5px !important;
	font-weight: 700 !important;
	margin-left: 8px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

.fkcart-modal-close,
.fkcart-drawer-close {
	border: 1px solid #1A1818 !important;
	background: transparent !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 0 !important;
	color: #1A1818 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 140ms ease, color 140ms ease;
}
.fkcart-modal-close:hover,
.fkcart-drawer-close:hover {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
}
.fkcart-modal-close svg path,
.fkcart-drawer-close svg path {
	stroke: currentColor !important;
}

/* ------------------------------------------------------------
   4. Rewards / free-shipping progress bar
   ------------------------------------------------------------ */
.fkcart-reward-panel {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	margin: 14px 18px 0 !important;
	padding: 14px 16px !important;
	border-radius: 0 !important;
	border: none !important;
}

.fkcart-reward-message,
.fkcart-reward-panel .fkcart-reward-message * {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #EFEDE6 !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.fkcart-progress-wrap {
	height: 5px !important;
	background: rgba(255, 255, 255, 0.18) !important;
	border-radius: 0 !important;
	margin-top: 10px !important;
	overflow: hidden !important;
}
.fkcart-progress-bar {
	background: #CD0000 !important;
	border-radius: 0 !important;
	height: 100% !important;
	transition: width 320ms ease !important;
}

.fkcart-reward-item-wrap .fkcart-reward-base {
	background: rgba(255, 255, 255, 0.18) !important;
}
.fkcart-reward-item .fkcart-reward-icon {
	background: #1A1818 !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 0 !important;
	color: #6B6763 !important;
}
.fkcart-reward-item.is-activated .fkcart-reward-icon {
	background: #CD0000 !important;
	border-color: #CD0000 !important;
	color: #EFEDE6 !important;
}
.fkcart-reward-item .fkcart-reward-text {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #EFEDE6 !important;
}

/* Modern (design-2) reward variant */
.fkcart-reward-panel.fkcart-design-modern,
.fkcart-design-2 {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
}

/* ------------------------------------------------------------
   5. Cart items
   ------------------------------------------------------------ */
.fkcart-slider-body,
.fkcart-drawer-items {
	background: #EFEDE6 !important;
	padding: 0 !important;
}

.fkcart-item-wrap {
	padding: 0 18px !important;
	background: transparent !important;
}

.fkcart--item {
	background: transparent !important;
	border-bottom: 1px solid #D9D5CC !important;
	border-radius: 0 !important;
	padding: 20px 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	display: grid !important;
	grid-template-columns: 78px 1fr !important;
	gap: 14px !important;
	align-items: flex-start !important;
}

.fkcart--item:last-of-type {
	border-bottom: none !important;
}

.fkcart-thumb-wrap {
	width: 78px !important;
	height: 78px !important;
	border: 1px solid #D9D5CC !important;
	background: #F7F5F0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	position: relative !important;
}
.fkcart-thumb-wrap .fkcart-image-wrapper,
.fkcart-thumb-wrap a {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	line-height: 0 !important;
}
.fkcart-thumb-wrap img,
.fkcart-thumb-wrap a img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 0 !important;
	display: block !important;
}

.fkcart-remove-item {
	position: absolute !important;
	top: 2px !important;
	right: 2px !important;
	width: 22px !important;
	height: 22px !important;
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: background 140ms ease;
}
.fkcart-remove-item:hover {
	background: #CD0000 !important;
}
.fkcart-remove-item svg path,
.fkcart-remove-item svg {
	fill: currentColor !important;
	stroke: currentColor !important;
}

.fkcart-item-info {
	min-width: 0 !important;
}

.fkcart-item-title-price,
.fkcart-item-title-price a,
.fkcart--item-heading {
	font-family: 'Bebas Neue', Impact, sans-serif !important;
	font-size: 22px !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}
.fkcart-item-title-price a:hover,
.fkcart--item-heading:hover {
	color: #CD0000 !important;
}

.fkcart-item-meta-content,
.fkcart-item-meta-content * {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #6B6763 !important;
	margin-top: 4px !important;
}

.fkcart-item-meta-content .fkcart-select-options {
	display: inline-block !important;
	margin-top: 4px !important;
	color: #CD0000 !important;
	font-weight: 700 !important;
	border-bottom: 1px solid #CD0000 !important;
	padding-bottom: 1px !important;
}

/* Quantity stepper */
.fkcart-qty-wrap {
	margin-top: 10px !important;
}
.fkcart-quantity-selector {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
.fkcart-quantity-button {
	width: 30px !important;
	height: 30px !important;
	border: 1px solid #1A1818 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #1A1818 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: background 120ms ease, color 120ms ease;
	margin: 0 !important;
}
.fkcart-quantity-button:hover {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
}
.fkcart-quantity-button svg {
	width: 12px !important;
	height: 12px !important;
}
.fkcart-quantity-button svg path,
.fkcart-quantity-button svg {
	stroke: currentColor !important;
	fill: currentColor !important;
}
.fkcart-quantity__input {
	width: 36px !important;
	height: 30px !important;
	border: 1px solid #1A1818 !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #1A1818 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}
.fkcart-quantity__input:focus {
	outline: none !important;
	box-shadow: 0 0 0 2px #CD0000 !important;
}

/* Item price */
.fkcart-item-misc {
	margin-top: 8px !important;
}
.fkcart-item-price,
.fkcart-item-price .amount,
.fkcart-item-price .woocommerce-Price-amount {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #1A1818 !important;
	text-align: right !important;
}
.fkcart-item-price del,
.fkcart-item-price del * {
	color: #6B6763 !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	margin-right: 6px !important;
}

.fkcart-discounted-price,
.fkcart-discounted-text {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #CD0000 !important;
	font-weight: 700 !important;
	margin-top: 4px !important;
}
.fkcart_item_saving_amount,
.fkcart_item_saving_percentage {
	color: #CD0000 !important;
}

/* ------------------------------------------------------------
   6. Coupon area
   ------------------------------------------------------------ */
.fkcart-coupon-area {
	background: transparent !important;
	border-top: 1px solid #D9D5CC !important;
	margin: 0 !important;
	padding: 0 !important;
}
.fkcart-coupon-head {
	background: transparent !important;
	padding: 14px 26px !important;
	cursor: pointer !important;
	border-radius: 0 !important;
}
.fkcart-coupon-title {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
	font-weight: 700 !important;
}
.fkcart-coupon-icon svg path,
.fkcart-coupon-icon svg {
	stroke: #1A1818 !important;
	fill: #1A1818 !important;
}

.fkcart-coupon-body {
	background: #F7F5F0 !important;
	padding: 14px 26px 18px !important;
	border-top: 1px dashed #D9D5CC !important;
	border-radius: 0 !important;
}
.fkcart-coupon-input-wrap {
	display: flex !important;
	gap: 0 !important;
	background: #EFEDE6 !important;
	border: 1px dashed #D9D5CC !important;
	padding: 4px !important;
	border-radius: 0 !important;
}
#fkcart-coupon__input {
	flex: 1 !important;
	border: none !important;
	background: transparent !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
	padding: 6px 8px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	min-height: 32px !important;
}
.fkcart-coupon-button,
.fkcart-primary-button.fkcart-coupon-button {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border: none !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	padding: 8px 14px !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	transition: background 140ms ease;
}
.fkcart-coupon-button:hover,
.fkcart-primary-button.fkcart-coupon-button:hover {
	background: #CD0000 !important;
}

.fkcart-coupon-applied {
	border: 1px solid #D9D5CC !important;
	background: #EFEDE6 !important;
	border-radius: 0 !important;
	padding: 6px 10px !important;
}
.fkcart-coupon-label {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #6B6763 !important;
	margin-right: 6px !important;
	font-weight: 600 !important;
}
.fkcart-coupon-code,
.fkcart-coupon-code-wrapper {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
	padding: 2px 8px !important;
}
/* Plugin base CSS pins the inner code <span> to #353030, which is invisible
   on our black badge. Override at the matching specificity. */
.fkcart-coupon-code.fkcart-coupon-code-wrapper span {
	color: #EFEDE6 !important;
	font-weight: 700 !important;
	font-size: 10px !important;
	letter-spacing: 1px !important;
}
.fkcart-remove-coupon svg path {
	fill: #EFEDE6 !important;
}
.fkcart-input-error {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #CD0000 !important;
	margin-top: 6px !important;
}

/* ------------------------------------------------------------
   7. Order summary
   ------------------------------------------------------------ */
.fkcart-order-summary,
.fkcart-order-summary-container {
	background: #F7F5F0 !important;
	padding: 16px 26px 14px !important;
	border-top: 1px solid #1A1818 !important;
	border-radius: 0 !important;
}
.fkcart-summary-line-item {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	padding: 5px 0 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
}
.fkcart-summary-text,
.fkcart-summary-text strong {
	color: #6B6763 !important;
	font-weight: 600 !important;
}
.fkcart-summary-amount,
.fkcart-summary-amount strong,
.fkcart-summary-amount .amount,
.fkcart-summary-amount .woocommerce-Price-amount {
	color: #1A1818 !important;
	font-weight: 700 !important;
}
.fkcart-subtotal-wrap .fkcart-summary-text strong,
.fkcart-subtotal-wrap .fkcart-summary-amount strong {
	color: #1A1818 !important;
}
/* Post-coupon total — sits below the Subtotal + Coupon rows. Slightly
   bolder and separated so the recalculated number is unmistakable. */
.fkcart-total-wrap {
	border-top: 1px solid #D9D5CC !important;
	margin-top: 6px !important;
	padding-top: 10px !important;
}
.fkcart-total-wrap .fkcart-summary-text strong,
.fkcart-total-wrap .fkcart-summary-amount strong,
.fkcart-total-wrap .fkcart-summary-amount .amount,
.fkcart-total-wrap .fkcart-summary-amount .woocommerce-Price-amount {
	color: #1A1818 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}
.fkcart-shipping-tax-calculation-text {
	color: #6B6763 !important;
	font-size: 9px !important;
	letter-spacing: 1px !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
}

/* ------------------------------------------------------------
   8. Checkout CTA
   ------------------------------------------------------------ */
.fkcart-checkout-wrap {
	background: #F7F5F0 !important;
	padding: 18px 26px 18px !important;
	border-top: 1px dashed #D9D5CC !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
/* Wrapper div around the checkout link — keep transparent so only the
   button itself shows the red CTA chrome (avoids doubled padding/bg). */
.fkcart-checkout-info {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	box-shadow: none !important;
	display: block !important;
}
#fkcart-checkout-button {
	background: #CD0000 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
	border: none !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 12px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	padding: 14px 20px !important;
	min-height: 50px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: background 140ms ease;
}
#fkcart-checkout-button:hover {
	background: #1A1818 !important;
}
.fkcart-checkout--icon {
	background: transparent !important;
	margin: 0 !important;
}
.fkcart-checkout--icon svg path,
.fkcart-checkout--icon svg {
	fill: currentColor !important;
	stroke: currentColor !important;
}
.fkcart-checkout--text {
	font-weight: 700 !important;
	color: #EFEDE6 !important;
}
.fkcart-checkout--price,
.fkcart-checkout--price-discounted,
.fkcart-checkout--price-normal,
.fkcart-checkout--price .amount,
.fkcart-checkout--price .woocommerce-Price-amount {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #EFEDE6 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	margin-left: auto !important;
	padding-left: 14px !important;
	border-left: 1px solid rgba(239, 237, 230, 0.35) !important;
}

/* Continue shopping — subtle secondary link, sits below checkout */
.fkcart-shopping-link {
	display: inline-block !important;
	align-self: center !important;
	margin: 0 !important;
	padding: 4px 2px !important;
	color: #6B6763 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.6px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #D9D5CC !important;
	cursor: pointer !important;
	transition: color 140ms ease, border-color 140ms ease;
	text-align: center !important;
	width: auto !important;
}
.fkcart-shopping-link:hover {
	color: #1A1818 !important;
	border-bottom-color: #1A1818 !important;
	background: transparent !important;
}

/* ------------------------------------------------------------
   9. Zero state (empty cart)
   ------------------------------------------------------------ */
.fkcart-zero-state {
	padding: 56px 26px !important;
	text-align: center !important;
	background: #EFEDE6 !important;
}
.fkcart-zero-state .fkcart-icon-cart svg path,
.fkcart-zero-state .fkcart-icon-cart svg {
	stroke: #D9D5CC !important;
	fill: #D9D5CC !important;
}
.fkcart-zero-state-title {
	font-family: 'Bebas Neue', Impact, sans-serif !important;
	font-size: 36px !important;
	letter-spacing: 1.4px !important;
	line-height: 0.9 !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
	margin-top: 14px !important;
}
.fkcart-zero-state-text {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #6B6763 !important;
	margin-top: 8px !important;
	font-weight: 500 !important;
}
.fkcart-shop-button,
.fkcart-primary-button.fkcart-shop-button {
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	white-space: nowrap !important;
	margin-top: 22px !important;
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	padding: 14px 22px !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	border: none !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background 140ms ease;
}
.fkcart-shop-button:hover,
.fkcart-primary-button.fkcart-shop-button:hover {
	background: #CD0000 !important;
}

/* ------------------------------------------------------------
   10. Notices
   ------------------------------------------------------------ */
.fkcart-slider-notices {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
	border: none !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	padding: 12px 16px !important;
}
.fkcart-slider-notices[data-status="error"] {
	background: #CD0000 !important;
}
.fkcart-notice-icon svg path {
	fill: currentColor !important;
}

/* ------------------------------------------------------------
   11. Upsell carousel & quick view
   ------------------------------------------------------------ */
.fkcart-upsell-section,
.fkcart-upsells {
	background: #F7F5F0 !important;
	border-top: 1px solid #D9D5CC !important;
	padding: 16px 18px !important;
}
.fkcart-upsell-section .fkcart-title,
.fkcart-upsells-title {
	font-family: 'Bebas Neue', Impact, sans-serif !important;
	font-size: 22px !important;
	letter-spacing: 1px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	color: #1A1818 !important;
}
.fkcart-upsell-card,
.fkcart-upsell-product {
	background: #EFEDE6 !important;
	border: 1px solid #D9D5CC !important;
	border-radius: 0 !important;
	padding: 12px !important;
}
.fkcart-upsell-card .fkcart-button,
.fkcart-upsell-product .fkcart-button,
.fkcart-add-button {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	border-radius: 0 !important;
	border: none !important;
	padding: 8px 12px !important;
}
.fkcart-upsell-card .fkcart-button:hover,
.fkcart-upsell-product .fkcart-button:hover,
.fkcart-add-button:hover {
	background: #CD0000 !important;
}

/* Frequently Bought Together carousel slide (style1) — the slide reuses the
   line-item `.fkcart--item` grid (78px 1fr) but has a 3rd child (price/misc)
   which otherwise wraps into the 78px thumb column and gets clipped by the
   carousel viewport. Lay it out as thumb | (info + price) instead. */
.fkcart-upsell-style1 .fkcart-carousel__slide.fkcart--item {
	grid-template-columns: 78px 1fr !important;
	grid-auto-rows: auto !important;
	column-gap: 14px !important;
	row-gap: 8px !important;
	align-items: start !important;
	padding: 16px 0 !important;
	border-bottom: none !important;
	overflow: hidden !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide.fkcart--item > *:first-child {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-item-info {
	grid-column: 2 !important;
	grid-row: 1 !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-item-misc {
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-item-price {
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	text-align: left !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-item-price del,
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-item-price ins {
	width: auto !important;
	display: inline-block !important;
	margin: 0 6px 0 0 !important;
}
/* Add / Select-options button inside the FBT card → match brand (dark) */
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-button {
	display: inline-block !important;
	width: auto !important;
	margin-top: 8px !important;
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 8px 14px !important;
	cursor: pointer !important;
}
.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-button:hover {
	background: #CD0000 !important;
}

.fkcart-carousel-dot {
	background: #D9D5CC !important;
	border-radius: 0 !important;
	width: 10px !important;
	height: 3px !important;
}
.fkcart-carousel-dot.is-selected {
	background: #CD0000 !important;
}

/* Quick view / popup */
.fkcart-popup-content {
	background: #F7F5F0 !important;
	border: 1px solid #D9D5CC !important;
	border-radius: 0 !important;
	color: #1A1818 !important;
}
.fkcart-popup .fkcart-close {
	background: #1A1818 !important;
	color: #EFEDE6 !important;
	border-radius: 0 !important;
}
.fkcart-popup .fkcart-close svg path {
	fill: currentColor !important;
}

/* ------------------------------------------------------------
   12. Variation swatches inside quick view
   ------------------------------------------------------------ */
.fkcart-attr-wrap .fkcart-input-label {
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 9px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #6B6763 !important;
	font-weight: 600 !important;
}
.fkcart-attr-value,
.fkcart-block-swatch-list label {
	border: 1px solid #D9D5CC !important;
	border-radius: 0 !important;
	background: #EFEDE6 !important;
	color: #1A1818 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 10px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	padding: 6px 10px !important;
}
.fkcart-attr-value.fkcart-active,
.fkcart-block-swatch-list label.fkcart-active,
.fkcart-block-swatch-list input:checked + label {
	border-color: #1A1818 !important;
	background: #1A1818 !important;
	color: #EFEDE6 !important;
}

/* ------------------------------------------------------------
   13. Shimmer / skeleton loader
   ------------------------------------------------------------ */
.fkcart-drawer-shimmer,
.fkcart-skeleton {
	background: linear-gradient(90deg, #F7F5F0 25%, #EFEDE6 37%, #F7F5F0 63%) !important;
	border-radius: 0 !important;
}

/* ------------------------------------------------------------
   14. Cart drawer polish
   ------------------------------------------------------------ */
#fkcart-modal .fkcart-slider-heading .fkcart-title span,
#fkcart-modal .fkcart-title span {
	display: none !important;
}

.fkcart-slider-heading .fkcart-modal-close {
	flex: 0 0 34px !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	background: #F7F5F0 !important;
	border: 1px solid #1A1818 !important;
	box-shadow: none !important;
	margin-left: 14px !important;
}

.fkcart-slider-heading .fkcart-modal-close svg {
	width: 18px !important;
	height: 18px !important;
}

.fkcart-slider-heading .fkcart-modal-close:hover,
.fkcart-slider-heading .fkcart-modal-close:focus-visible {
	background: #CD0000 !important;
	border-color: #CD0000 !important;
	color: #EFEDE6 !important;
	outline: none !important;
}

.fkcart-upsell-style1 .fkcart-carousel__slide.fkcart--item {
	grid-template-columns: 78px minmax(0, 1fr) !important;
	overflow: visible !important;
}

#fkcart-modal .fkcart--item:not(.fkcart-carousel__slide) .fkcart-thumb-wrap .fkcart-remove-item,
#fkcart-modal .fkcart--item:not(.fkcart-carousel__slide) .fkcart-image-wrapper .fkcart-remove-item {
	top: 4px !important;
	right: auto !important;
	left: 4px !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	z-index: 5 !important;
}

#fkcart-modal .fkcart-upsell-style1 .fkcart-nav-btn--prev,
#fkcart-modal .fkcart-nav-btn--prev {
	left: -16px !important;
	z-index: 4 !important;
}

#fkcart-modal .fkcart-upsell-style1 .fkcart-nav-btn[disabled],
#fkcart-modal .fkcart-nav-btn[disabled] {
	visibility: hidden !important;
	pointer-events: none !important;
}

.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-image-wrapper,
#fkcart-modal .fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-image-wrapper,
#fkcart-modal .fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-thumb-wrap,
#fkcart-modal .fkcart-carousel__slide .fkcart-image-wrapper,
#fkcart-modal .fkcart-carousel__slide .fkcart-thumb-wrap {
	width: 78px !important;
	height: 78px !important;
	min-width: 78px !important;
	background: #F7F5F0 !important;
	border: 1px solid #D9D5CC !important;
	overflow: hidden !important;
	display: block !important;
}

.fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-image-wrapper img,
#fkcart-modal .fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-image-wrapper img,
#fkcart-modal .fkcart-upsell-style1 .fkcart-carousel__slide .fkcart-thumb-wrap img,
#fkcart-modal .fkcart-carousel__slide .fkcart-image-wrapper img,
#fkcart-modal .fkcart-carousel__slide .fkcart-thumb-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	padding: 4px !important;
	box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   15. Mobile tweaks
   ------------------------------------------------------------ */
@media (max-width: 520px) {
	.fkcart-modal-container,
	.fkcart-floating-toggler,
	.fkcart-drawer,
	.fkcart-drawer-wrap {
		--fkcart-slider-mobile-width: 100%;
	}
	.fkcart-slider-heading,
	.fkcart-drawer-header,
	.fkcart-drawer-header-panel {
		padding: 18px 18px 14px !important;
	}
	.fkcart-slider-heading .fkcart-title,
	.fkcart-drawer-heading {
		font-size: 32px !important;
	}
	.fkcart-coupon-head,
	.fkcart-coupon-body,
	.fkcart-order-summary,
	.fkcart-checkout-wrap {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.fkcart-reward-panel {
		margin-left: 14px !important;
		margin-right: 14px !important;
	}

	body.single-product .fkcart-floating-toggler,
	body.single-product .fkcart-toggler {
		display: none !important;
	}
}