/* Mini basket */

.aimeos.basket-mini {
	align-self: center;
}

.basket-mini .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}

.basket-mini .menu {
	position: relative;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	cursor: pointer;
	padding: .5rem;
	line-height: 1;
}

.basket-mini .menu:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	display: block;
	content: "";
	height: 2rem;
	width: 2rem;
}

.basket-mini-main .quantity {
	background-color: var(--ai-secondary-dark);
	color: var(--ai-bg);
	position: absolute;
	top: 0;
	right: 0;
	font-size: 75%;
	border-radius: var(--ai-radius);
	padding: 0.15rem 0.3rem;
}

[dir="rtl"] .basket-mini-main .quantity {
	right: unset;
	left: 0;
}

.basket-mini-main .value {
	display: none;
}

/* Offscreen menu */

.basket-mini .zeynep  {
	position: fixed;
	top: 0;
	bottom: 0;
	right: -20rem;
	left: unset;
	width: 20rem;
	z-index: 1032;
	pointer-events: none;
	background-color: var(--ai-bg);
	-webkit-overflow-scrolling: touch;
	transition: transform .25s;
	overflow: hidden auto;
}

[dir="rtl"] .basket-mini .zeynep {
	left: -20rem;
	right: unset;
}

.basket-mini .zeynep.opened {
	transform: translateX(-20rem);
	pointer-events: auto;
}

[dir="rtl"] .basket-mini .zeynep.opened {
	transform: translateX(20rem);
	pointer-events: auto;
}

.basket-mini .zeynep .header {
	display: flex;
	color: var(--ai-bg);
	background-color: var(--ai-primary-dark);
}

.basket-mini .zeynep .header .close,
.basket-mini .zeynep .header .name {
	text-align: center;
	font-size: 125%;
	padding: 0.5rem;
}

.basket-mini .zeynep .header .name {
	cursor: auto;
}

.basket-mini .close::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
	background-color: var(--ai-secondary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	transition: background-color .3s ease-in-out;
	display: block;
	height: 1.5rem;
	width: 1.5rem;
	cursor: pointer;
	margin: 0.25rem auto;
}

.basket-mini .close:hover:before {
	background-color: var(--ai-secondary);
}

/* Basket content */

.basket-mini-product {
	text-align: center;
}

.basket-mini-product .name {
	text-align: start;
}

.basket-mini-product .price {
	white-space: nowrap;
	text-align: end;
}

.basket-mini-product .basket {
	margin: 1rem;
}

.basket-mini-product .basket-header,
.basket-mini-product .total {
	font-weight: 600;
}

.basket-mini-product .basket-header,
.basket-mini-product .product {
	border-bottom: 1px solid var(--ai-secondary-dark);
}

.basket-mini-product .basket .row {
	padding: 0.5rem;
}

.basket-mini-product .total {
	background-color: var(--ai-secondary-light);
	color: var(--ai-primary-dark);
}

.basket-mini-product .delete {
	display: inline-block;
	vertical-align: middle;
	padding: 0 1rem;
}

.basket-mini-product .delete:after {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	display: inline-block;
	content: "";
	height: 1rem;
	width: 1rem;
}

.basket-mini-product .delivery .name:before {
	content: "+ ";
}

.basket-mini-product .total .name:before {
	content: "= ";
}

.basket-mini-product .to-basket {
	margin: 2rem 0;
}

.basket-mini-product .btn-primary {
	display: block;
	margin: auto;
	transition: all .3s ease-in-out;
}