@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
	/* The Meat Guyz brand palette (themeatguyz.com) */
	--pbmit-global-color: #D32323;
	--pbmit-global-color-rgb: 211, 35, 35;
	--pbmit-accent-color: #F28C48;
	--pbmit-accent-color-rgb: 242, 140, 72;
	--pbmit-secondary-color: #1A1A1A;
	--pbmit-secondary-color-rgb: 26, 26, 26;
	--pbmit-light-color: #F4D7B8;
	--pbmit-white-color: #ffffff;
	--pbmit-white-color-rgb: 255, 255, 255;
	--pbmit-blackish-color: #1A1A1A;
	--pbmit-blackish-color-rgb: 26, 26, 26;
	--pbmit-link-color-normal: #1A1A1A;
	--pbmit-link-color-hover: #D32323;
	--pbmit-responsive-breakpoint: 1200px;

	--pbmit-body-typography-font-family: "Inter", sans-serif;
	--pbmit-body-typography-variant: regular;
	--pbmit-body-typography-font-size: 17px;
	--pbmit-body-typography-line-height: 1.6;
	--pbmit-body-typography-color: #4A4A4A;
	--pbmit-body-color: #ffffff;
	
	--pbmit-heading-typography-font-family: "Inter", sans-serif;
	--pbmit-heading-color: #1A1A1A;
	--pbmit-heading-font-variant: 600;
	
	--pbmit-btn-typography-font-family: "Inter", sans-serif;
	--pbmit-btn-typography-variant: 600;
	--pbmit-btn-typography-font-size: 16px;
	--pbmit-btn-typography-line-height: 26px;
}

/* Secondary CTA buttons — orange like "View Full Menu" on themeatguyz.com */
.demo-1 .pbmit-btn.outline:not(.outline-black):not(.outline-white) {
	color: var(--pbmit-white-color);
	border-color: var(--pbmit-accent-color);
}
.demo-1 .pbmit-btn.outline:not(.outline-black):not(.outline-white) .pbmit-btn-icon {
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-accent-color);
}
.demo-1 .pbmit-btn.outline:not(.outline-black):not(.outline-white):hover {
	color: var(--pbmit-white-color);
	border-color: var(--pbmit-accent-color);
}
.demo-1 .pbmit-btn.outline:not(.outline-black):not(.outline-white):hover::after {
	background-color: var(--pbmit-accent-color);
}
.demo-1 .pbmit-btn.outline:not(.outline-black):not(.outline-white):hover .pbmit-btn-icon {
	color: var(--pbmit-accent-color);
	background-color: var(--pbmit-white-color);
}

/* White pill buttons — like "Our Story" on themeatguyz.com */
.demo-1 .pbmit-bg-color-light .pbmit-btn.outline,
.demo-1 .pbmit-bg-color-white .pbmit-btn.outline.outline-black {
	color: var(--pbmit-blackish-color);
	border-color: var(--pbmit-white-color);
	background-color: var(--pbmit-white-color);
}
.demo-1 .pbmit-bg-color-light .pbmit-btn.outline .pbmit-btn-icon,
.demo-1 .pbmit-bg-color-white .pbmit-btn.outline.outline-black .pbmit-btn-icon {
	color: var(--pbmit-blackish-color);
	background-color: rgba(var(--pbmit-blackish-color-rgb), 0.08);
}

/* Header logos — 60px height, proportional width */
.demo-1 .pbmit-header-style-1 .pbmit-logo-area .site-title,
.demo-1 .pbmit-header-style-3 .pbmit-logo-area .site-title {
	margin: 0;
}

.demo-1 .pbmit-header-style-1 .pbmit-logo-area .site-title > a,
.demo-1 .pbmit-header-style-3 .pbmit-logo-area .site-title > a {
	display: inline-block;
	line-height: 0;
}

.demo-1 .pbmit-header-style-1 .pbmit-logo-area .site-branding img,
.demo-1 .pbmit-header-style-3 .pbmit-logo-area .site-branding img {
	height: 60px;
	width: auto;
	max-width: 100%;
}

/* Hero header logo — liquid red wave shimmer clipped to letter shapes */
.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a {
	position: relative;
	max-width: 100%;
}

.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	-webkit-mask-image: url("../img/logo-meat-guyz.svg");
	mask-image: url("../img/logo-meat-guyz.svg");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	pointer-events: none;
	opacity: 0;
	will-change: background-position, opacity;
}

/* Soft glow trail — wide wave behind the crest */
.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before {
	z-index: 1;
	background-image: linear-gradient(
		98deg,
		transparent 0%,
		transparent 30%,
		rgba(255, 120, 120, 0.12) 40%,
		rgba(211, 35, 35, 0.28) 48%,
		rgba(255, 90, 90, 0.38) 50%,
		rgba(211, 35, 35, 0.28) 52%,
		rgba(255, 120, 120, 0.12) 60%,
		transparent 70%,
		transparent 100%
	);
	background-size: 520% 100%;
	background-position: 155% 50%;
	animation: meat-guyz-logo-wave-glow 20s ease-in-out infinite;
}

/* Sharp crest + specular highlight */
.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after {
	z-index: 2;
	background-image: linear-gradient(
		96deg,
		transparent 0%,
		transparent 26%,
		rgba(255, 255, 255, 0.18) 33%,
		rgba(255, 200, 200, 0.35) 38%,
		rgba(255, 90, 90, 0.7) 42%,
		#ff4a4a 45%,
		var(--pbmit-global-color) 47.5%,
		#9e1818 50%,
		var(--pbmit-global-color) 52.5%,
		#ff4a4a 55%,
		rgba(255, 90, 90, 0.55) 59%,
		rgba(255, 180, 180, 0.22) 64%,
		transparent 72%,
		transparent 100%
	);
	background-size: 440% 100%;
	background-position: 145% 50%;
	animation: meat-guyz-logo-wave-crest 20s cubic-bezier(0.33, 0.0, 0.2, 1) infinite;
}

.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .pbmit-main-logo,
.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .pbmit-main-logo {
	position: relative;
	z-index: 0;
	display: block;
	height: 60px;
	width: auto;
	max-width: 100%;
	filter: brightness(0) invert(1)
		drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6))
		drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
	animation: meat-guyz-logo-wave-aura 20s ease-in-out infinite;
}

@keyframes meat-guyz-logo-wave-glow {
	0%, 57% {
		background-position: 155% 50%;
		opacity: 0;
	}
	61% {
		background-position: 128% 51%;
		opacity: 0.45;
	}
	72% {
		background-position: 72% 49%;
		opacity: 0.65;
	}
	83% {
		background-position: 18% 51%;
		opacity: 0.45;
	}
	88% {
		background-position: -8% 50%;
		opacity: 0;
	}
	100% {
		background-position: -8% 50%;
		opacity: 0;
	}
}

@keyframes meat-guyz-logo-wave-crest {
	0%, 58% {
		background-position: 145% 50%;
		opacity: 0;
	}
	62% {
		background-position: 122% 49%;
		opacity: 0.55;
	}
	68% {
		background-position: 98% 51%;
		opacity: 1;
	}
	76% {
		background-position: 62% 49%;
		opacity: 1;
	}
	84% {
		background-position: 28% 51%;
		opacity: 1;
	}
	90% {
		background-position: 4% 50%;
		opacity: 0.5;
	}
	94%, 100% {
		background-position: -16% 50%;
		opacity: 0;
	}
}

@keyframes meat-guyz-logo-wave-aura {
	0%, 58%, 94%, 100% {
		filter: brightness(0) invert(1)
			drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6))
			drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
	}
	74% {
		filter: brightness(0) invert(1)
			drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6))
			drop-shadow(0 2px 10px rgba(0, 0, 0, 0.5))
			drop-shadow(0 0 22px rgba(211, 35, 35, 0.32));
	}
}

@media (prefers-reduced-motion: reduce) {
	.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
	.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
	.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after,
	.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after,
	.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .pbmit-main-logo,
	.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .pbmit-main-logo {
		animation: none;
	}

	.demo-1 .pbmit-header-style-1 .pbmit-main-header-area .pbmit-logo-area .site-title > a::before,
	.demo-1 .pbmit-header-style-3 .pbmit-main-header-area .pbmit-logo-area .site-title > a::after {
		opacity: 0;
	}
}

/* Hero overlay header — phone stays white and readable on hover (before scroll) */
.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-header-phone a,
.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-header-phone a:hover {
	color: var(--pbmit-white-color);
}

.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-header-phone a {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-header-phone a:hover {
	opacity: 0.92;
}

/* Remove plumber template artwork from dark tab section */
.demo-1 .tab-section-one {
	background-image: none;
}

/* Our Story — replace template faucet with useful left column stack */
.demo-1 .about-section-one {
	background-image: none;
}

.demo-1 .about-section-one .left-column {
	display: flex;
}

.demo-1 .about-one-left-stack {
	display: flex;
	flex-direction: column;
	gap: 22px;
	width: 100%;
}

.demo-1 .about-one-left-visual {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(var(--pbmit-blackish-color-rgb), 0.14);
}

.demo-1 .about-one-left-visual img {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center;
}

.demo-1 .about-one-left-visual-badge {
	position: absolute;
	left: 16px;
	bottom: 16px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(var(--pbmit-global-color-rgb), 0.92);
	color: var(--pbmit-white-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.demo-1 .about-one-left-highlight {
	padding: 18px 18px 16px;
	border-radius: 12px;
	background: var(--pbmit-white-color);
	border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.08);
}

.demo-1 .about-one-left-highlight-label {
	display: block;
	margin-bottom: 6px;
	color: var(--pbmit-global-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.demo-1 .about-one-left-highlight p {
	margin: 0;
	color: var(--pbmit-blackish-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
}

.demo-1 .about-one-left-points {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.demo-1 .about-one-left-points li {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--pbmit-blackish-color);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.demo-1 .about-one-left-points-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--pbmit-blackish-color);
	color: var(--pbmit-white-color);
	font-size: 11px;
}

.demo-1 .about-one-left-btn {
	align-self: flex-start;
}

@media (max-width: 1200px) {
	.demo-1 .about-one-left-stack {
		max-width: 420px;
	}
}

@media (max-width: 1024px) {
	.demo-1 .about-one-left-stack {
		max-width: 100%;
		margin-bottom: 28px;
	}

	.demo-1 .about-one-left-visual img {
		aspect-ratio: 16 / 10;
	}
}

/* Keep hero title spacing after removing center icon */
.demo-1 .pbmit-slider-one .pbmit-slider-pattern-spacer {
	display: block;
	width: 100%;
	max-width: 860px;
	aspect-ratio: 860 / 260;
	height: auto;
	min-height: 250px;
	margin-top: 0 !important;
	margin-bottom: 40px;
	flex: 0 0 auto;
}

.demo-1 .pbmit-slider-one .top-area .pbmit-slider-title {
	margin-bottom: 12px;
}

.demo-1 .pbmit-slider-one .bottom-area {
	margin-top: 8px;
}

@media (max-width: 1200px) {
	.demo-1 .pbmit-slider-one .pbmit-slider-pattern-spacer {
		min-height: 200px;
		margin-bottom: 16px;
	}
}

@media (max-width: 767px) {
	.demo-1 .pbmit-slider-one .pbmit-slider-pattern-spacer {
		display: none !important;
	}

	.demo-1 .pbmit-slider-one .bottom-area {
		margin-top: 32px;
	}
}

/* Header right box — balanced spacing */
.demo-1 .pbmit-main-header-area .pbmit-right-box,
.demo-1 .pbmit-sticky-header .pbmit-right-box {
	gap: 20px;
}

.demo-1 .pbmit-header-phone {
	margin-right: 4px;
}

.demo-1 .pbmit-header-search-btn,
.demo-1 .pbmit-header-cart-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	overflow: visible;
}

.demo-1 .pbmit-header-search-btn a,
.demo-1 .pbmit-cart-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	overflow: visible;
}

.demo-1 .pbmit-header-button {
	margin-left: 10px;
}

/* Header cart button — matches search icon style */
.pbmit-header-cart-btn {
	position: relative;
	line-height: 0;
	overflow: visible;
}

.pbmit-cart-trigger {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px 0 0;
	border: 0;
	background: transparent;
	font-size: 30px;
	line-height: 30px;
	color: var(--pbmit-white-color);
	cursor: pointer;
	transition: color 0.25s ease, transform 0.25s ease;
	overflow: visible;
}

.pbmit-cart-trigger:hover,
.pbmit-cart-trigger:focus-visible {
	color: var(--pbmit-global-color);
	outline: none;
}

.pbmit-cart-count {
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	border: 2px solid var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
	color: var(--pbmit-white-color);
	font-family: var(--pbmit-body-typography-font-family);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(var(--pbmit-global-color-rgb), 0.45);
	pointer-events: none;
}

.pbmit-cart-count.is-empty {
	display: inline-flex;
	min-width: 17px;
	width: 17px;
	height: 17px;
	padding: 0;
	font-size: 11px;
	font-weight: 800;
	background: linear-gradient(135deg, var(--pbmit-accent-color) 0%, var(--pbmit-global-color) 100%);
	box-shadow:
		0 0 0 1px rgba(var(--pbmit-blackish-color-rgb), 0.08),
		0 2px 10px rgba(var(--pbmit-global-color-rgb), 0.4);
	animation: pbmit-cart-empty-pulse 2.6s ease-in-out infinite;
}

.pbmit-cart-count.is-empty::before {
	content: "+";
	line-height: 1;
}

.pbmit-cart-count.is-visible {
	display: inline-flex;
	animation: none;
}

.pbmit-cart-count.is-visible::before {
	content: none;
}

.pbmit-cart-count.is-pulse {
	animation: pbmit-cart-count-pulse 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes pbmit-cart-empty-pulse {
	0%, 100% {
		transform: scale(1);
		box-shadow:
			0 0 0 1px rgba(var(--pbmit-blackish-color-rgb), 0.08),
			0 2px 10px rgba(var(--pbmit-global-color-rgb), 0.35);
	}
	50% {
		transform: scale(1.14);
		box-shadow:
			0 0 0 1px rgba(var(--pbmit-global-color-rgb), 0.2),
			0 2px 16px rgba(var(--pbmit-global-color-rgb), 0.55);
	}
}

@keyframes pbmit-cart-count-pulse {
	0% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.35);
	}
	100% {
		transform: scale(1);
	}
}

.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-cart-trigger,
.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-cart-trigger:hover,
.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-cart-trigger:focus-visible {
	color: var(--pbmit-white-color);
}

.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-cart-trigger {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.demo-1 .pbmit-header-style-1 .pbmit-header-overlay .pbmit-cart-trigger:hover {
	opacity: 0.92;
}

.demo-1 .pbmit-header-style-1 .pbmit-fixed-header .pbmit-cart-trigger {
	color: var(--pbmit-blackish-color);
}

.demo-1 .pbmit-header-style-1 .pbmit-fixed-header .pbmit-cart-trigger:hover,
.demo-1 .pbmit-header-style-1 .pbmit-fixed-header .pbmit-cart-trigger:focus-visible {
	color: var(--pbmit-global-color);
}

/* Cart drawer */
.pbmit-cart-drawer {
	position: fixed;
	inset: 0;
	z-index: 100000;
	visibility: hidden;
	pointer-events: none;
}

.pbmit-cart-drawer.is-active {
	visibility: visible;
	pointer-events: auto;
}

.pbmit-cart-overlay {
	position: absolute;
	inset: 0;
	background: rgba(var(--pbmit-blackish-color-rgb), 0.55);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.pbmit-cart-drawer.is-active .pbmit-cart-overlay {
	opacity: 1;
}

.pbmit-cart-panel {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	width: min(100%, 430px);
	height: 100%;
	background: var(--pbmit-white-color);
	box-shadow: -12px 0 40px rgba(0, 0, 0, 0.14);
	transform: translateX(104%);
	transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.pbmit-cart-drawer.is-active .pbmit-cart-panel {
	transform: translateX(0);
}

.pbmit-cart-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 24px 24px 18px;
	border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.08);
}

.pbmit-cart-title {
	margin: 0;
	color: var(--pbmit-blackish-color);
	font-size: 28px;
	line-height: 1.15;
}

.pbmit-cart-subtitle {
	margin: 6px 0 0;
	color: #6b6b6b;
	font-size: 14px;
	line-height: 1.4;
}

.pbmit-cart-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: rgba(var(--pbmit-blackish-color-rgb), 0.06);
	color: var(--pbmit-blackish-color);
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.pbmit-cart-close:hover,
.pbmit-cart-close:focus-visible {
	background: rgba(var(--pbmit-global-color-rgb), 0.12);
	color: var(--pbmit-global-color);
	outline: none;
}

.pbmit-cart-close svg rect {
	fill: currentColor;
}

.pbmit-cart-body {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 12px 24px 24px;
}

.pbmit-cart-items {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pbmit-cart-item {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 14px;
	padding: 14px;
	border-radius: 12px;
	background: #faf7f4;
	animation: pbmit-cart-item-in 0.35s ease;
}

@keyframes pbmit-cart-item-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pbmit-cart-item-media {
	overflow: hidden;
	border-radius: 10px;
	background: var(--pbmit-white-color);
}

.pbmit-cart-item-media img {
	display: block;
	width: 100%;
	height: 72px;
	object-fit: cover;
}

.pbmit-cart-item-main {
	min-width: 0;
}

.pbmit-cart-item-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.pbmit-cart-item-name {
	margin: 0;
	color: var(--pbmit-blackish-color);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}

.pbmit-cart-item-remove {
	flex: 0 0 auto;
	border: 0;
	background: transparent;
	color: #8a8a8a;
	font-size: 12px;
	cursor: pointer;
	transition: color 0.2s ease;
}

.pbmit-cart-item-remove:hover,
.pbmit-cart-item-remove:focus-visible {
	color: var(--pbmit-global-color);
	outline: none;
}

.pbmit-cart-item-price {
	margin: 4px 0 10px;
	color: var(--pbmit-global-color);
	font-size: 14px;
	font-weight: 600;
}

.pbmit-cart-item-qty {
	display: inline-flex;
	align-items: center;
	gap: 0;
	border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.12);
	border-radius: 999px;
	overflow: hidden;
	background: var(--pbmit-white-color);
}

.pbmit-cart-qty-btn {
	width: 30px;
	height: 30px;
	border: 0;
	background: transparent;
	color: var(--pbmit-blackish-color);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.pbmit-cart-qty-btn:hover,
.pbmit-cart-qty-btn:focus-visible {
	background: rgba(var(--pbmit-global-color-rgb), 0.1);
	color: var(--pbmit-global-color);
	outline: none;
}

.pbmit-cart-qty-value {
	min-width: 28px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--pbmit-blackish-color);
}

.pbmit-cart-empty {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 280px;
	padding: 24px 12px;
	text-align: center;
}

.pbmit-cart-drawer.is-empty .pbmit-cart-empty {
	display: flex;
}

.pbmit-cart-drawer.is-empty .pbmit-cart-items {
	display: none;
}

.pbmit-cart-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(var(--pbmit-global-color-rgb), 0.1);
	color: var(--pbmit-global-color);
	font-size: 30px;
}

.pbmit-cart-empty-title {
	margin: 18px 0 8px;
	color: var(--pbmit-blackish-color);
	font-size: 20px;
	font-weight: 600;
}

.pbmit-cart-empty-text {
	margin: 0 0 22px;
	max-width: 260px;
	color: #6b6b6b;
	font-size: 15px;
	line-height: 1.5;
}

/* Cart buttons — keep readable on white drawer (override template hover) */
.pbmit-cart-empty-btn:hover,
.pbmit-cart-checkout-btn:not(.is-disabled):hover {
	color: var(--pbmit-white-color);
	border-color: #b81c1c;
}

.pbmit-cart-empty-btn:hover::after,
.pbmit-cart-checkout-btn:not(.is-disabled):hover::after {
	width: 100%;
	background-color: #b81c1c;
}

.pbmit-cart-empty-btn:hover .pbmit-btn-text span,
.pbmit-cart-empty-btn:hover .pbmit-btn-text:before,
.pbmit-cart-checkout-btn:not(.is-disabled):hover .pbmit-btn-text span,
.pbmit-cart-checkout-btn:not(.is-disabled):hover .pbmit-btn-text:before {
	transform: none;
}

.pbmit-cart-checkout-btn:not(.is-disabled):hover .pbmit-btn-icon {
	color: var(--pbmit-blackish-color);
	background-color: var(--pbmit-white-color);
}

.pbmit-cart-checkout-btn:not(.is-disabled):hover .pbmit-btn-icon:after {
	bottom: 8px;
}

.pbmit-cart-checkout-btn:not(.is-disabled):hover .pbmit-btn-icon i::before {
	top: -21px;
}

.pbmit-cart-footer {
	padding: 18px 24px 24px;
	border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.08);
	background: var(--pbmit-white-color);
}

.pbmit-cart-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	color: var(--pbmit-blackish-color);
	font-size: 16px;
}

.pbmit-cart-subtotal {
	color: var(--pbmit-blackish-color);
	font-size: 22px;
	font-weight: 700;
}

.pbmit-cart-checkout-btn {
	width: 100%;
	justify-content: center;
}

.pbmit-cart-checkout-btn.is-disabled {
	pointer-events: none;
	opacity: 0.45;
}

body.pbmit-cart-open {
	overflow: hidden;
}

@media (max-width: 1200px) {
	.demo-1 .pbmit-main-header-area .pbmit-right-box,
	.demo-1 .pbmit-sticky-header .pbmit-right-box {
		gap: 16px;
	}

	.demo-1 .pbmit-header-button {
		margin-left: 4px;
	}

	.site-header .pbmit-header-cart-btn .pbmit-cart-trigger {
		color: var(--pbmit-blackish-color);
	}

	.site-header .pbmit-header-cart-btn .pbmit-cart-trigger:hover,
	.site-header .pbmit-header-cart-btn .pbmit-cart-trigger:focus-visible {
		color: var(--pbmit-global-color);
	}
}

@media (max-width: 767px) {
	.pbmit-cart-panel {
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		max-height: 88vh;
		height: auto;
		border-radius: 18px 18px 0 0;
		transform: translateY(104%);
	}

	.pbmit-cart-drawer.is-active .pbmit-cart-panel {
		transform: translateY(0);
	}

	.pbmit-cart-header,
	.pbmit-cart-body,
	.pbmit-cart-footer {
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pbmit-cart-count.is-empty,
	.pbmit-cart-count.is-pulse,
	.pbmit-cart-item {
		animation: none;
	}

	.pbmit-cart-overlay,
	.pbmit-cart-panel,
	.pbmit-cart-trigger {
		transition: none;
	}
}