/**
 * Carlo Rino Slide-In Cart Drawer — Figma "Popup/Quick Cart" (node 820:5521)
 *
 * Off-canvas cart panel that slides in from the right.
 * Uses !important to preserve Figma fidelity alongside the mega-menu pattern.
 */

/*
 * Base .cr-header-icons, .cr-header-icon, .cr-header-icon__badge,
 * .cr-header-icon__dot styles are in assets/css/global.css.
 *
 * This cart-drawer stylesheet overrides icon sizing only. Badge/dot
 * placement intentionally stays bottom-right to match the Figma
 * "Button=Wishlist/Cart/Compare/Account, State=0" SVGs, where the
 * pink indicator sits at the bottom-right corner of the 32x32 icon.
 */

.cr-header-icons {
	display: flex !important;
}

/* Cart trigger uses a compact 24x24 icon container */
.cr-header-icon {
	width: 1.5rem !important;
	height: 1.5rem !important;
}

/* Badge (cart count) — bottom-right, sized for compact 24x24 trigger */
.cr-header-icon__badge {
	top: auto !important;
	bottom: -0.25rem !important;
	right: -0.375rem !important;
	font-weight: 500 !important;
	font-size: 0.625rem !important;
	line-height: 1 !important;
	min-width: 1rem !important;
	height: 1rem !important;
	border-radius: 0.5rem !important;
}

/* Dot (wishlist/compare/account) — bottom-right, sized for compact 24x24 trigger */
.cr-header-icon__dot {
	top: auto !important;
	bottom: -0.062rem !important;
	right: -0.125rem !important;
	border-radius: 50% !important;
}

/* ── Overlay ────────────────────────────────────────────── */

.cr-cart-drawer {
	display: block !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.cr-cart-drawer--open {
	visibility: visible !important;
	opacity: 1 !important;
}

.cr-cart-drawer__overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.4) !important;
	cursor: pointer !important;
}

/* ── Panel Container (slides in from right) ────────────── */

.cr-cart-drawer__panel {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 40rem !important;
	max-width: 100vw !important;
	background: #fff !important;
	border-radius: 0.25rem 0 0 0.25rem !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	box-shadow: -0.25rem 0 1.5rem rgba(0, 0, 0, 0.1) !important;
	transform: translateX(100%) !important;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cr-cart-drawer--open .cr-cart-drawer__panel {
	transform: translateX(0) !important;
}

/* ── Header ────────────────────────────────────────────── */

.cr-cart-drawer__header {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.25rem !important;
	padding: 1.25rem 1.25rem 1.25rem 4rem !important;
	position: relative !important;
	z-index: 1 !important;
	flex-shrink: 0 !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	background: rgba(255, 255, 255, 0.8) !important;
	border-bottom: 0.062rem solid #e7e7e7 !important;
}

.cr-cart-drawer__title {
	flex: 1 !important;
	margin: 0 !important;
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.5rem !important;
	line-height: 1.32 !important;
	color: #333 !important;
	text-align: center !important;
}

.cr-cart-drawer__close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	cursor: pointer !important;
	color: #333 !important;
	flex-shrink: 0 !important;
	position: absolute !important;
	right: 1.25rem !important;
	top: 1.25rem !important;
}

.cr-cart-drawer__close .cr-icon {
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
}

/* ── Body (scrollable items list) ──────────────────────── */

.cr-cart-drawer__body {
	flex: 1 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 6rem 1.5rem 1.25rem !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 13.75rem !important;
}

.cr-cart-drawer__items {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
}

.cr-cart-drawer__empty {
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-size: 1rem !important;
	color: #888 !important;
	text-align: center !important;
	padding: 2.5rem 0 !important;
}

/* ── Individual Cart Item ─────────────────────────────── */

.cr-cart-drawer__item {
	display: flex !important;
	gap: 1.5rem !important;
	align-items: flex-start !important;
	width: 100% !important;
}

.cr-cart-drawer__item-image {
	width: 9rem !important;
	min-width: 9rem !important;
	height: 13.5rem !important;
	background: #faf7f6 !important;
	border-radius: 0.125rem !important;
	overflow: hidden !important;
}

.cr-cart-drawer__item-image a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.cr-cart-drawer__item-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	display: block !important;
}

.cr-cart-drawer__item-details {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 1.25rem !important;
	min-height: 13.5rem !important;
}

.cr-cart-drawer__item-name {
	margin: 0 !important;
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #333 !important;
}

.cr-cart-drawer__item-name a {
	color: inherit !important;
	text-decoration: none !important;
}

.cr-cart-drawer__item-name a:hover {
	text-decoration: underline !important;
}

.cr-cart-drawer__item-attributes {
	margin: 0 !important;
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: #333 !important;
}

.cr-cart-drawer__item-pricing {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	flex-wrap: wrap !important;
}

.cr-cart-drawer__item-price {
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #333 !important;
}

.cr-cart-drawer__item-price-old {
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #888 !important;
	text-decoration: line-through !important;
}

.cr-cart-drawer__item-discount {
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-weight: 400 !important;
	font-size: 0.75rem !important;
	line-height: 1.34 !important;
	color: #e81f76 !important;
}

/* ── Item Actions (QTY + Remove) ───────────────────────── */

.cr-cart-drawer__item-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.cr-cart-drawer__qty {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	width: 8rem !important;
	height: 2.5rem !important;
	padding: 0.25rem !important;
	background: #faf7f6 !important;
	border: 0.062rem solid #e7e7e7 !important;
	border-radius: 0.125rem !important;
}

.cr-cart-drawer__qty-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 !important;
	height: 100% !important;
	padding: 0.5rem !important;
	border: none !important;
	background: none !important;
	cursor: pointer !important;
	color: #333 !important;
	border-radius: 0.125rem !important;
	min-width: 0 !important;
	box-shadow: none !important;
}

.cr-cart-drawer__qty-btn:hover {
	background: #e7e7e7 !important;
}

.cr-cart-drawer__qty-btn .cr-icon {
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.cr-cart-drawer__qty-value {
	flex: 1 !important;
	text-align: center !important;
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: #333 !important;
	padding: 0.5rem 0 !important;
	min-width: 0 !important;
}

.cr-cart-drawer__remove {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 0.188rem !important;
	padding: 0.5rem 0 0 !important;
	border: none !important;
	background: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.cr-cart-drawer__remove-row {
	display: flex !important;
	align-items: center !important;
	gap: 0.25rem !important;
	color: #333 !important;
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
}

.cr-cart-drawer__remove:hover .cr-cart-drawer__remove-row {
	color: #e81f76 !important;
}

.cr-cart-drawer__remove-line {
	display: block !important;
	width: 100% !important;
	height: 0.062rem !important;
	background: #e81f76 !important;
	opacity: 0 !important;
	transition: opacity 0.2s ease !important;
}

.cr-cart-drawer__remove:hover .cr-cart-drawer__remove-line {
	opacity: 1 !important;
}

.cr-cart-drawer__remove .cr-icon {
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	flex-shrink: 0 !important;
	pointer-events: none !important;
}

/* Prevent SVG children from capturing pointer events so the parent button is always e.target */
.cr-cart-drawer__close .cr-icon,
.cr-cart-drawer__qty-btn .cr-icon {
	pointer-events: none !important;
}

/* ── Footer ────────────────────────────────────────────── */

.cr-cart-drawer__footer {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1.25rem !important;
	padding: 1.5rem !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	background: #fff !important;
	border-top: 0.062rem solid #e7e7e7 !important;
	flex-shrink: 0 !important;
}

.cr-cart-drawer__subtotal {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #333 !important;
	width: 100% !important;
}

.cr-cart-drawer__subtotal-amount {
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #333 !important;
}

.cr-cart-drawer__subtotal .woocommerce-Price-amount {
	font-family: "Lora", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
	color: #333 !important;
}

/* ── Action Buttons ────────────────────────────────────── */

.cr-cart-drawer__actions {
	display: flex !important;
	gap: 1.25rem !important;
	width: 100% !important;
}

.cr-cart-drawer__btn {
	flex: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.625rem !important;
	padding: 0.75rem 1rem !important;
	border-radius: 0.125rem !important;
	font-family: "Quicksand", "Segoe UI", sans-serif !important;
	font-weight: 500 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease !important;
}

.cr-cart-drawer__btn:focus,
.cr-cart-drawer__btn:hover {
	text-decoration: none !important;
	outline: none !important;
}

.cr-cart-drawer__btn--outline {
	background: transparent !important;
	border: 0.062rem solid #e81f76 !important;
	color: #e81f76 !important;
}

.cr-cart-drawer__btn--outline:hover {
	background: #e81f76 !important;
	color: #fff !important;
}

.cr-cart-drawer__btn--primary {
	background: #e81f76 !important;
	border: 0.062rem solid #e81f76 !important;
	color: #fff !important;
}

.cr-cart-drawer__btn--primary:hover {
	background: #d01a67 !important;
	border-color: #d01a67 !important;
}

.cr-cart-drawer__btn svg {
	flex-shrink: 0 !important;
}

.cr-cart-drawer__btn span {
	display: inline !important;
}

.cr-cart-drawer__item-count {
	font-weight: 500 !important;
}

/* ── Payment Method Icons ──────────────────────────────── */

.cr-cart-drawer__payments {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
}

.cr-cart-drawer__payment-list {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
}

.cr-payment-item {
	width: 2.188rem !important;
	height: 1.5rem !important;
	background: #fff !important;
	border: 0.062rem solid #f3f3f3 !important;
	border-radius: 0.25rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

/* Uploaded icons (Appearance > Payment Icons) render as <img> tags. */

.cr-payment-item--custom img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

/* ── Individual payment icon backgrounds ──────────────── */
.cr-payment-item.cr-pay-applepay {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23fff' rx='4'/%3E%3Cg transform='translate(6.5,6.5)'%3E%3Cpath d='M5.5 1.242C6.094.577 6.866.16 7.682.08c.127-.01.255.003.365.043.048.372-.109.746-.412 1.022-.304.277-.694.457-1.109.514a.525.525 0 00-.297-.13c-.106-.01-.213.003-.31.04l.003.068c.114.307.317.576.584.772.267.196.576.314.895.34-.035.383-.172.746-.394 1.06-.223.313-.505.56-.838.72-.595.285-1.26.393-1.922.317-.158-.018-.303-.089-.409-.197a.57.57 0 00-.428-.174.568.568 0 00-.42.186c-.122.137-.277.243-.453.31l.043.066c.44.27.943.337 1.431.196.488-.142.914-.435 1.207-.832.293-.397.449-.88.445-1.376 0-.25-.01-.497-.042-.74-.03-.14-.09-.27-.177-.38-.087-.111-.2-.2-.33-.26a1.265 1.265 0 00-.315-.108c-.063-.01-.127-.008-.188.008l-.058.018z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item.cr-pay-googlepay {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23fff' rx='4'/%3E%3Cg transform='translate(5,6)'%3E%3Cpath d='M8.5 5.3c0-.4.03-.8.1-1.2H5.2v2.2h1.9c-.08.5-.35.93-.74 1.22v1.02h1.22C8.1 7.8 8.5 6.65 8.5 5.3z' fill='%234285F4'/%3E%3Cpath d='M5.2 11c1.36 0 2.5-.45 3.32-1.2l-1.22-1.02c-.45.3-1.02.48-1.66.48-1.28 0-2.36-.86-2.75-2h-1.2v1.05C2.58 9.8 3.8 11 5.2 11z' fill='%2334A853'/%3E%3Cpath d='M2.45 7.26c-.2-.6-.2-1.24 0-1.84V4.37H1.25C.7 5.43.7 6.7 1.25 7.76l1.2-1z' fill='%23FBBC05'/%3E%3Cpath d='M5.2 3.68c.74 0 1.4.26 1.93.76l1.44-1.44C7.7 2.35 6.56 1.8 5.2 1.8c-1.4 0-2.62.9-3.05 2.22l1.2 1.05c.4-1.14 1.47-1.98 2.75-1.98z' fill='%23EA4335'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-size: 1.375rem auto !important;
}

.cr-payment-item.cr-pay-mastercard {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23fff' rx='4'/%3E%3Cg transform='translate(6,5.5)'%3E%3Cellipse cx='9.5' cy='6.5' rx='3.5' ry='3.5' fill='%23EB001B'/%3E%3Cellipse cx='15.5' cy='6.5' rx='3.5' ry='3.5' fill='%23F79E1B'/%3E%3Cpath d='M12.5 3.5c.76.7 1.24 1.75 1.24 3 0 1.25-.48 2.3-1.24 3-.76-.7-1.24-1.75-1.24-3 0-1.25.48-2.3 1.24-3z' fill='%23FF5F00'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item.cr-pay-paypal {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23fff' rx='4'/%3E%3Cg transform='translate(5,4)'%3E%3Cpath d='M21.5 2.5c0 .14-.06.27-.16.37-.1.1-.24.16-.38.16h-2l-.5 2.5h2.5c.14 0 .28.06.38.16.1.1.16.23.16.37l-.5 2.5c-.03.14-.1.27-.22.37-.12.1-.26.14-.4.13h-2.5l-.7 3.5h-2.6l1-5h-2l-1 5h-2.6l1-5h-3l.5-2.5h3l.5-2.5h-3l.5-2.5H17l-.5 2.5h2c.14 0 .27.06.37.16.1.1.16.24.15.38z' fill='%230092D1'/%3E%3Cpath d='M19 5h-2.5l-.5 2.5h2.5c.14 0 .27.06.37.16.1.1.16.23.16.37l-.5 2.5c-.03.14-.1.27-.22.37-.12.1-.26.14-.4.13h-2.5l-.7 3.5h-2.6l1-5h-2l-1 5h-2.6l1-5h-3l.48-2.4.02-.1h5.5l.5-2.5H9.5l.48-2.4.02-.1H17c.14 0 .27.06.37.16.1.1.16.23.16.37L19 5z' fill='%230090DF'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item.cr-pay-visa {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23fff' rx='4'/%3E%3Cg transform='translate(4,6.5)'%3E%3Cpath d='M13.6 1.8c.6.1 1.2.3 1.7.6l.5-.7c-.5-.3-1.1-.5-1.7-.6-.6-.1-1.2-.1-1.7.1-.5.2-.8.5-1 .9-.2.4-.3.9-.2 1.4 0 .6.2 1.1.6 1.5.4.3 1 .5 1.6.6.5.1.9.3 1.2.5.2.2.3.4.3.6 0 .3-.1.5-.3.7-.2.2-.5.3-.9.3-.7 0-1.4-.2-2-.5l-.5.7c.7.4 1.5.6 2.3.6.8 0 1.5-.2 2-.6.5-.4.7-.9.7-1.5 0-.6-.2-1.1-.6-1.5-.4-.4-1-.6-1.7-.7-.6-.1-1-.3-1.3-.5-.2-.2-.3-.4-.3-.7 0-.3.1-.5.3-.7.2-.2.5-.3.9-.3.6 0 1.1.1 1.6.3zm-3.8-.3H8.6l-1.9 4.6L5.5 2c-.1-.1-.2-.2-.4-.3-.2-.1-.4-.1-.6-.2H2L2 1.8l.2.1c.2.1.4.1.6.2.3.1.6.3.8.5.3.2.5.5.7.8l2 4.4h1.4l2.2-5.3z' fill='%231A1F71'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item.cr-pay-klarna {
	background-color: #f4b6c7 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23f4b6c7' rx='4'/%3E%3Cg transform='translate(3,6)'%3E%3Cpath d='M5 12V4h2.5v8H5zm5-8c-2.8 0-5 1.8-5 4s2.2 4 5 4 5-1.8 5-4-2.2-4-5-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-6h2.5v.7c.7-.5 1.6-.9 2.5-.9 2.2 0 4 1.8 4 4s-1.8 4-4 4c-1 0-1.9-.3-2.6-.8v3.8H16V4z' fill='%23FF6D92'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item.cr-pay-amex {
	background-color: #006fcf !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='35' height='24' fill='%23006fcf' rx='4'/%3E%3Cg transform='translate(4,7)'%3E%3Cpath d='M3.5 1.5l-1 3h2l-1-3zM10.5 1.5l-1 3h2l-1-3zM7.5 1.5l-1 3h2l-1-3zM.5 1.5l-1 3h2l-1-3z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.cr-payment-item .cr-payment-icon {
	display: none !important;
}

/* ── Responsive ────────────────────────────────────────── */

@media ( max-width: 720px ) {
	.cr-cart-drawer__panel {
		width: 100vw !important;
		border-radius: 0 !important;
	}

	.cr-cart-drawer__header {
		padding: 1.25rem 1.25rem 1.25rem 4rem !important;
	}

	.cr-cart-drawer__title {
		font-size: 1.125rem !important;
		line-height: 1.32 !important;
	}

	.cr-cart-drawer__close {
		top: 50% !important;
		right: 1.25rem !important;
		transform: translateY(-50%) !important;
	}

	.cr-cart-drawer__body {
		padding: 6rem 1rem 1.25rem !important;
		bottom: 16.5rem !important;
	}

	.cr-cart-drawer__item {
		gap: 1.5rem !important;
	}

	.cr-cart-drawer__item-image {
		width: 6.125rem !important;
		min-width: 6.125rem !important;
		height: 7.5rem !important;
	}

	.cr-cart-drawer__item-details {
		justify-content: flex-start !important;
		min-height: 0 !important;
		gap: 0.5rem !important;
	}

	.cr-cart-drawer__item-name {
		font-size: 1.125rem !important;
		line-height: 1.32 !important;
	}

	.cr-cart-drawer__item-actions {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		width: auto !important;
		gap: 0 !important;
	}

	.cr-cart-drawer__actions {
		flex-direction: column !important;
		gap: 0.5rem !important;
	}

	.cr-cart-drawer__btn {
		width: 100% !important;
		flex: none !important;
	}

	.cr-cart-drawer__footer {
		padding: 1rem !important;
		gap: 1rem !important;
	}
}

.cr-cart-drawer__stock,
.cr-cart-drawer .cr-stock-label {
	margin: 0.25rem 0 0 !important;
	font-family: var(--cr-font-body, "Quicksand", sans-serif) !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	line-height: 1.34 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #555 !important;
}

.cr-cart-drawer__item.is-out-of-stock .cr-cart-drawer__item-image,
.cr-cart-drawer__item.is-out-of-stock .cr-cart-drawer__item-name,
.cr-cart-drawer__item.is-short-stock .cr-cart-drawer__item-image,
.cr-cart-drawer__item.is-short-stock .cr-cart-drawer__item-name {
	opacity: 0.55 !important;
}

.cr-cart-drawer__qty-btn:disabled {
	opacity: 0.35 !important;
	cursor: not-allowed !important;
}

.cr-cart-drawer__btn--primary.is-disabled,
.cr-cart-drawer__btn--primary:disabled {
	background: #b0b0b0 !important;
	border-color: #b0b0b0 !important;
	color: #fff !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

.cr-cart-drawer__stock-note {
	margin: 0 !important;
	font-family: var(--cr-font-body, "Quicksand", sans-serif) !important;
	font-size: 0.8125rem !important;
	line-height: 1.4 !important;
	text-align: center !important;
	color: #555 !important;
}

.cr-cart-drawer__stock-note[hidden] {
	display: none !important;
}