:root {
	--ossc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ossc-bg: #ffffff;
	--ossc-text: #111111;
	--ossc-muted: #8a8a8a;
	--ossc-primary: #0170b9;
	--ossc-secondary: #6b7280;
	--ossc-accent: #16a34a;
	--ossc-button-bg: #000000;
	--ossc-button-text: #ffffff;
	--ossc-hover: #2d2d2d;
	--ossc-strike: #b1b1b1;
	--ossc-cta-bg: var(--ossc-button-bg);
	--ossc-cta-hover: #1f1f1f;
	--ossc-cta-text: #ffffff;
	--ossc-cta-radius: 4px;
	--ossc-border: #ececec;
	--ossc-radius-sm: 4px;
	--ossc-radius-md: 8px;
	--ossc-shadow: -18px 0 44px rgba(17, 17, 17, 0.08);
	--ossc-overlay: rgba(17, 17, 17, 0.32);
	--ossc-drawer-width: 500px;
	--ossc-mobile-width: 100%;
	--ossc-trigger-icon-color: currentColor;
	--ossc-trigger-icon-size: 20px;
	--ossc-item-image-size: 80px;
	--ossc-item-content-width: 176px;
	--ossc-item-price-width: 136px;
	--ossc-item-gap: 12px;
	--ossc-quantity-width: 84px;
	--ossc-quantity-height: 27px;
	--ossc-overlay-duration: 240ms;
	--ossc-drawer-duration: 320ms;
	--ossc-drawer-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.ossc-trigger,
.ossc-trigger *,
.ossc-drawer,
.ossc-drawer *,
.ossc-overlay {
	box-sizing: border-box;
}

.ossc-trigger *,
.ossc-drawer * {
	font-family: var(--ossc-font-family) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	filter: none !important;
}

.ossc-trigger,
.ossc-drawer,
.ossc-drawer button,
.ossc-drawer input,
.ossc-drawer select,
.ossc-drawer textarea,
.ossc-drawer a {
	font-family: var(--ossc-font-family);
}

.ossc-trigger,
.ossc-drawer button,
.ossc-drawer input,
.ossc-drawer select,
.ossc-drawer textarea {
	appearance: none;
	-webkit-appearance: none;
	border-image: none;
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}

.ossc-drawer button,
.ossc-drawer a,
.ossc-drawer input {
	outline: 0;
	background-image: none;
}

.ossc-drawer button,
.ossc-drawer a {
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	vertical-align: middle !important;
}

.ossc-drawer input {
	margin: 0 !important;
	box-shadow: none !important;
}

.ossc-drawer button::before,
.ossc-drawer button::after,
.ossc-drawer a::before,
.ossc-drawer a::after {
	display: none !important;
	content: none !important;
}

.ossc-trigger {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
	color: var(--ossc-text) !important;
	font: inherit !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	filter: none !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	vertical-align: middle !important;
	min-width: 0 !important;
	min-height: 0 !important;
	pointer-events: auto !important;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}

.ossc-trigger:hover,
.ossc-trigger:focus,
.ossc-trigger:focus-visible,
.ossc-trigger:active {
	border: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--ossc-text) !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-decoration: none !important;
}

.ossc-trigger::before,
.ossc-trigger::after,
.ossc-trigger *::before,
.ossc-trigger *::after {
	display: none !important;
	content: none !important;
}

.ossc-trigger-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--ossc-trigger-icon-size, 20px);
	height: var(--ossc-trigger-icon-size, 20px);
	color: var(--ossc-trigger-icon-color, currentColor);
	flex: 0 0 auto;
	pointer-events: none;
}

.ossc-trigger-icon svg,
.ossc-trigger-icon img {
	display: block;
	width: var(--ossc-trigger-icon-size, 20px);
	height: var(--ossc-trigger-icon-size, 20px);
}

.ossc-trigger-icon img {
	object-fit: contain;
}

.ossc-trigger-text {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	pointer-events: none;
}

.ossc-trigger-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	min-height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--ossc-primary);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
}

.ossc-drawer-shell {
	position: fixed;
	inset: 0;
	z-index: 999999;
	pointer-events: none;
}

.ossc-drawer-shell[hidden],
.ossc-overlay[hidden] {
	display: none;
}

.ossc-overlay {
	position: absolute;
	inset: 0;
	background: var(--ossc-overlay);
	opacity: 0;
	visibility: hidden;
	pointer-events: auto;
	transition: opacity var(--ossc-overlay-duration) ease, visibility var(--ossc-overlay-duration) ease;
	will-change: opacity;
}

.ossc-overlay-open {
	opacity: 1;
	visibility: visible;
}

.ossc-overlay-closed {
	opacity: 0;
	visibility: hidden;
}

.ossc-drawer {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	width: min(100%, var(--ossc-drawer-width));
	max-width: 100%;
	height: 100vh;
	height: 100dvh;
	background: var(--ossc-bg);
	color: var(--ossc-text);
	box-shadow: var(--ossc-shadow);
	transform: translate3d(100%, 0, 0);
	opacity: 0.98;
	transition: transform var(--ossc-drawer-duration) var(--ossc-drawer-ease), opacity var(--ossc-drawer-duration) var(--ossc-drawer-ease);
	overflow: hidden;
	pointer-events: auto;
	will-change: transform, opacity;
}

.ossc-header[hidden],
.ossc-header-divider[hidden],
.ossc-loading[hidden],
.ossc-error[hidden],
.ossc-success[hidden],
.ossc-coupon[hidden],
.ossc-applied-coupon[hidden],
.ossc-drawer-footer[hidden] {
	display: none !important;
}

.ossc-drawer-open {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.ossc-drawer-closed {
	transform: translate3d(100%, 0, 0);
	opacity: 0.98;
}

@media (prefers-reduced-motion: reduce) {
	.ossc-overlay,
	.ossc-drawer {
		transition: none !important;
	}
}

html.ossc-no-scroll,
body.ossc-no-scroll {
	overflow: hidden;
}

.ossc-drawer-header,
.ossc-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 32px 24px 12px;
	flex: 0 0 auto;
}

.ossc-close-button,
.ossc-drawer-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px !important;
	min-width: 12px !important;
	max-width: 12px !important;
	height: 12px !important;
	min-height: 12px !important;
	max-height: 12px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: var(--ossc-text);
	line-height: 0;
	overflow: visible;
	cursor: pointer;
	flex: 0 0 auto;
}

.ossc-close-button .ossc-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
}

.ossc-close-button .ossc-icon,
.ossc-close-button svg,
.ossc-remove-item svg,
.ossc-remove-coupon svg,
.ossc-coupon-input-icon svg,
.ossc-checkout-icon svg,
.ossc-coupon-chevron svg {
	display: block;
	width: 100%;
	height: 100%;
	flex: 0 0 auto;
	pointer-events: none;
}

.ossc-drawer-heading {
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 4px;
	min-width: 0;
	flex: 1 1 auto;
}

.ossc-title,
.ossc-drawer-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0;
}

.ossc-title-count,
.ossc-drawer-count {
	color: var(--ossc-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}

.ossc-header-divider {
	height: 1px;
	margin: 0 24px;
	background: #1d1d1d;
	flex: 0 0 auto;
}

.ossc-drawer-body {
	flex: 1 1 auto;
	min-height: 0;
	padding: 24px 24px 0;
	overflow-y: auto;
}

.ossc-drawer-empty .ossc-drawer-body {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.ossc-drawer-empty .ossc-items-list,
.ossc-drawer-empty .ossc-cart-items {
	width: 100%;
}

.ossc-drawer-empty .ossc-empty-state {
	max-width: 358px;
	margin: 0 auto;
}

.ossc-items-list,
.ossc-cart-items {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ossc-cart-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var(--ossc-item-gap);
	width: 100%;
	min-height: 97px;
	padding: 0 0 24px;
	border-bottom: 1px solid var(--ossc-border);
}

.ossc-cart-item + .ossc-cart-item {
	padding-top: 24px;
}

.ossc-cart-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.ossc-cart-item-updating {
	opacity: 0.6;
}

.ossc-cart-item-updating .ossc-quantity-control,
.ossc-cart-item-updating .ossc-remove-item {
	pointer-events: none;
}

.ossc-cart-item-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ossc-item-image-size);
	height: var(--ossc-item-image-size);
	border-radius: 8px;
	background: #d9d9d9;
	overflow: hidden;
	flex: 0 0 var(--ossc-item-image-size);
}

.ossc-cart-item-thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ossc-cart-item-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: var(--ossc-item-content-width);
	min-width: var(--ossc-item-content-width);
	max-width: var(--ossc-item-content-width);
	flex: 0 0 var(--ossc-item-content-width);
}

.ossc-cart-item-title {
	display: block;
	margin: 0;
	max-width: var(--ossc-item-content-width);
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0;
}

.ossc-cart-item-meta {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: 0;
	color: #828282;
	font-size: 10px;
	line-height: 12px;
}

.ossc-cart-item-meta div {
	display: block;
	width: auto;
	max-width: var(--ossc-item-content-width);
}

.ossc-quantity,
.ossc-quantity-control {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	width: var(--ossc-quantity-width);
	height: var(--ossc-quantity-height);
	margin-top: 0;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #ffffff;
	box-sizing: border-box;
	flex: 0 0 auto;
	overflow: hidden;
}

.ossc-quantity-button,
.ossc-quantity-display,
.ossc-quantity-value {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	align-self: stretch;
}

.ossc-quantity-button {
	width: 12px;
	min-width: 12px;
	max-width: 12px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	line-height: 1 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	flex-shrink: 0;
}

.ossc-quantity-symbol {
	display: block;
	width: 12px;
	text-align: center;
	color: #111111;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	pointer-events: none;
}

.ossc-quantity-display {
	flex: 1 1 auto;
	min-width: 18px;
	height: 100%;
}

.ossc-quantity-value {
	min-width: 18px;
	height: 100%;
	text-align: center;
	color: #111111;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
}

.ossc-drawer .ossc-quantity-control .ossc-quantity-button,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #111111 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.ossc-drawer .ossc-quantity-control .ossc-quantity-button:hover,
.ossc-drawer .ossc-quantity-control .ossc-quantity-button:focus,
.ossc-drawer .ossc-quantity-control .ossc-quantity-button:active,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button:hover,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button:focus,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button:active {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.ossc-drawer .ossc-quantity-control .ossc-quantity-button::before,
.ossc-drawer .ossc-quantity-control .ossc-quantity-button::after,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button::before,
.ossc-drawer .ossc-quantity-control button.ossc-quantity-button::after {
	display: none !important;
	content: none !important;
}

.ossc-quantity-button[disabled] {
	opacity: 1;
	cursor: not-allowed;
}

.ossc-quantity-button[disabled] .ossc-quantity-symbol {
	color: #bababa !important;
}

.ossc-cart-item-price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	width: var(--ossc-item-price-width);
	min-width: var(--ossc-item-price-width);
	max-width: var(--ossc-item-price-width);
	margin-left: auto;
	align-self: stretch;
	flex: 0 0 var(--ossc-item-price-width);
}

.ossc-cart-item-price-main {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	width: 100%;
}

.ossc-cart-item-no-remove .ossc-cart-item-price {
	justify-content: flex-start;
}

.ossc-price-row {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.ossc-regular-price,
.ossc-cart-item-price del {
	color: var(--ossc-strike);
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

.ossc-sale-price,
.ossc-cart-item-price ins {
	color: var(--ossc-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-decoration: none;
}

.ossc-saving-badge,
.ossc-cart-item-savings {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px;
	border: 1px solid rgba(27, 190, 38, 0.2);
	border-radius: 4px;
	background: rgba(27, 190, 38, 0.1);
	color: #1bbe26;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	white-space: nowrap;
}

.ossc-remove-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px !important;
	min-width: 12px !important;
	max-width: 12px !important;
	height: 12px !important;
	min-height: 12px !important;
	max-height: 12px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: #ff5a52;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
	align-self: flex-end;
	margin-top: auto;
}

.ossc-remove-item[disabled] {
	opacity: 0.35;
	cursor: not-allowed;
}

.ossc-coupon {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	padding: 12px 24px;
	margin: 0;
	border-top: 1px solid var(--ossc-border);
	border-bottom: 1px solid var(--ossc-border);
}

.ossc-coupon-toggle,
.ossc-coupon-toggle-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 24px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ossc-text);
	font: inherit;
	line-height: 17px;
	cursor: pointer;
}

.ossc-coupon-toggle-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	color: #111111;
}

.ossc-coupon-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	color: var(--ossc-text);
	transition: transform 0.2s ease;
	flex: 0 0 auto;
}

.ossc-coupon-toggle[aria-expanded='true'] .ossc-coupon-chevron {
	transform: rotate(180deg);
}

.ossc-coupon-panel {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	padding-top: 5px;
}

.ossc-coupon-helper {
	display: block;
	width: 100%;
	margin: 0;
	color: #111111;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
}

.ossc-coupon-panel[hidden],
.ossc-coupon-form[hidden],
.ossc-applied-coupon[hidden] {
	display: none;
}

.ossc-coupon-feedback {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
}

.ossc-coupon-feedback-success,
.ossc-success {
	color: var(--ossc-accent);
}

.ossc-coupon-feedback-error,
.ossc-error {
	color: #ef4444;
}

.ossc-coupon-form {
	display: flex;
	align-items: stretch;
	width: 100%;
	gap: 6px;
}

.ossc-coupon-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
}

.ossc-coupon-input-icon {
	position: absolute;
	left: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: var(--ossc-muted);
	pointer-events: none;
	z-index: 1;
}

.ossc-coupon-input {
	width: 100%;
	min-width: 0;
	height: 38px;
	min-height: 38px;
	padding: 0 16px 0 38px !important;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	background: #ffffff;
	color: var(--ossc-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-indent: 0 !important;
}

.ossc-coupon-input:focus {
	border-color: var(--ossc-primary);
}

.ossc-coupon-input::placeholder {
	color: #a2a2a2;
	opacity: 1;
}

.ossc-coupon-submit,
.ossc-apply-coupon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 142px;
	height: 38px;
	min-height: 38px;
	padding: 0 14px;
	border: 0 !important;
	border-radius: 4px;
	background: var(--ossc-button-bg) !important;
	color: var(--ossc-button-text) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	flex: 0 0 auto;
}

.ossc-coupon-submit:hover,
.ossc-coupon-submit:focus-visible,
.ossc-apply-coupon-button:hover,
.ossc-apply-coupon-button:focus-visible {
	background: var(--ossc-hover) !important;
	color: var(--ossc-button-text) !important;
}

.ossc-drawer .ossc-coupon-toggle-button,
.ossc-drawer .ossc-coupon-toggle-button:hover,
.ossc-drawer .ossc-coupon-toggle-button:focus-visible,
.ossc-drawer .ossc-coupon-toggle-button:active,
.ossc-drawer .ossc-coupon-toggle,
.ossc-drawer .ossc-coupon-toggle:hover,
.ossc-drawer .ossc-coupon-toggle:focus-visible,
.ossc-drawer .ossc-coupon-toggle:active {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #111111 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.ossc-drawer .ossc-coupon-submit,
.ossc-drawer .ossc-coupon-submit:hover,
.ossc-drawer .ossc-coupon-submit:focus-visible,
.ossc-drawer .ossc-coupon-submit:active,
.ossc-drawer .ossc-apply-coupon-button,
.ossc-drawer .ossc-apply-coupon-button:hover,
.ossc-drawer .ossc-apply-coupon-button:focus-visible,
.ossc-drawer .ossc-apply-coupon-button:active {
	background: #000000 !important;
	background-color: #000000 !important;
	background-image: none !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.ossc-drawer .ossc-checkout-button,
.ossc-drawer .ossc-checkout-button:hover,
.ossc-drawer .ossc-checkout-button:focus-visible,
.ossc-drawer .ossc-checkout-button:active {
	background-image: none !important;
	box-shadow: none !important;
}

.ossc-drawer .ossc-continue-shopping,
.ossc-drawer .ossc-continue-button,
.ossc-drawer .ossc-continue-shopping:hover,
.ossc-drawer .ossc-continue-button:hover,
.ossc-drawer .ossc-continue-shopping:focus-visible,
.ossc-drawer .ossc-continue-button:focus-visible,
.ossc-drawer .ossc-empty-secondary-button,
.ossc-drawer .ossc-empty-secondary-button:hover,
.ossc-drawer .ossc-empty-secondary-button:focus-visible {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	text-decoration: none !important;
	filter: none !important;
	color: #828282 !important;
}

.ossc-applied-coupon {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 12px 24px 0;
}

.ossc-applied-coupon-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 0 12px;
}

.ossc-coupon-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding: 4px 8px;
	border-radius: 4px;
	background: rgba(27, 190, 38, 0.2);
}

.ossc-coupon-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	color: var(--ossc-text);
	flex: 0 0 auto;
}

.ossc-coupon-code {
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	word-break: break-word;
}

.ossc-coupon-discount {
	margin-left: auto;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-align: right;
	color: #1bbe26;
}

.ossc-remove-coupon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px !important;
	min-width: 12px !important;
	max-width: 12px !important;
	height: 12px !important;
	min-height: 12px !important;
	max-height: 12px !important;
	margin-left: 14px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: #111111;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
}

.ossc-summary-divider {
	height: 1px;
	background: var(--ossc-border);
}

.ossc-drawer-footer {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0 0 24px;
	border-top: 0;
	background: var(--ossc-bg);
	flex: 0 0 auto;
}

.ossc-summary {
	display: flex;
	flex-direction: column;
	padding: 12px 24px 0;
	gap: 4px;
}

.ossc-summary-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.ossc-summary-label {
	color: var(--ossc-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}

.ossc-summary-value {
	color: var(--ossc-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	text-align: right;
}

.ossc-summary-note,
.ossc-shipping-note {
	margin: 0;
	color: #828282;
	font-size: 14px;
	line-height: 17px;
}

.ossc-footer-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 24px 0;
}

.ossc-checkout-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	min-height: 50px;
	padding: 0 20px;
	border: 0 !important;
	border-radius: 4px;
	background: var(--ossc-cta-bg) !important;
	color: var(--ossc-cta-text) !important;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.ossc-checkout-button:hover,
.ossc-checkout-button:active,
.ossc-checkout-button:focus-visible {
	background: var(--ossc-cta-hover) !important;
	color: var(--ossc-cta-text) !important;
	text-decoration: none;
}

.ossc-checkout-button:visited {
	color: var(--ossc-cta-text);
}

.ossc-checkout-button-inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.ossc-checkout-icon,
.ossc-checkout-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
}

.ossc-checkout-text,
.ossc-checkout-button-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
}

.ossc-checkout-button-total {
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
}

.ossc-continue-shopping,
.ossc-continue-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 35px;
	padding: 10px;
	margin: 0 auto;
	border: 0 !important;
	border-color: transparent !important;
	border-radius: 0;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	text-decoration: none !important;
	filter: none !important;
	color: #828282;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	cursor: pointer;
	transition: color 0.2s ease;
}

.ossc-continue-shopping:hover,
.ossc-continue-button:hover,
.ossc-continue-shopping:focus-visible,
.ossc-continue-button:focus-visible {
	color: var(--ossc-text);
}

.ossc-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 0;
	text-align: center;
}

.ossc-empty-illustration {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 106px);
	height: 106px;
}

.ossc-empty-illustration img {
	display: block;
	width: 100%;
	height: auto;
}

.ossc-empty-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	max-width: 358px;
}

.ossc-empty-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0;
}

.ossc-empty-description,
.ossc-empty-cart-text {
	margin: 0;
	color: var(--ossc-muted);
	font-size: 14px;
	line-height: 17px;
}

.ossc-empty-actions {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: nowrap;
	width: auto;
}

.ossc-empty-primary-button,
.ossc-empty-secondary-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 40px;
	padding: 10px 14px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	cursor: pointer;
}

.ossc-empty-primary-button {
	min-width: 107px;
	border: 0 !important;
	background: var(--ossc-button-bg) !important;
	color: var(--ossc-button-text) !important;
}

.ossc-empty-primary-button:hover,
.ossc-empty-primary-button:focus-visible {
	background: var(--ossc-hover);
	color: var(--ossc-button-text);
}

.ossc-empty-secondary-button {
	min-width: 164px;
	border: 0 !important;
	background: transparent !important;
	color: var(--ossc-text) !important;
}

.ossc-empty-secondary-button:hover,
.ossc-empty-secondary-button:focus-visible {
	background: transparent;
}

.ossc-loading,
.ossc-error,
.ossc-success {
	font-size: 13px;
	line-height: 1.4;
}

.ossc-loading,
.ossc-error {
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	.ossc-drawer {
		width: 100%;
		max-width: 100%;
		height: 100dvh;
	}

	.ossc-drawer-header,
	.ossc-header {
		padding: 32px 12px 12px;
	}

	.ossc-header-divider {
		margin: 0 12px;
	}

	.ossc-drawer-body {
		padding: 24px 12px 0;
	}

	.ossc-drawer-footer {
		padding: 12px 12px 24px;
	}

	.ossc-cart-item {
		gap: 6px;
	}

	.ossc-cart-item-image {
		width: 82px;
		height: 82px;
		flex-basis: 82px;
	}

	.ossc-cart-item-content {
		width: auto;
		min-width: 0;
		max-width: none;
		flex: 1 1 auto;
	}

	.ossc-cart-item-title {
		max-width: none;
	}

	.ossc-cart-item-price {
		width: 135px;
		min-width: 135px;
		max-width: 135px;
		gap: 16px;
	}

	.ossc-price-row {
		gap: 8px;
	}

	.ossc-summary-label,
	.ossc-summary-value {
		font-size: 15px;
		line-height: 22px;
	}

	.ossc-empty-actions {
		gap: 8px;
	}

	.ossc-coupon-form {
		flex-wrap: nowrap;
	}

	.ossc-coupon-submit,
	.ossc-apply-coupon-button {
		min-width: 118px;
	}
}