/*!
Theme Name: artvladimir
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: artvladimir
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

artvladimir is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.av-cart-count {
	    align-items: center;
    background: #111;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    line-height: 1;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 6px;
    margin: 0px;
    position: absolute;
    right: -9px;
    top: -8px;
}
a.js-mini-cart-open{
	position: relative;
}

.av-mini-cart {
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	transition: opacity 180ms ease;
	z-index: 9999;
}

.av-mini-cart.is-open {
	opacity: 1;
	pointer-events: auto;
}

.av-mini-cart__overlay {
	background: rgba(0, 0, 0, 0.45);
	inset: 0;
	position: absolute;
}

.av-mini-cart__panel {
	background: #fff;
	box-shadow: -16px 0 40px rgba(0, 0, 0, 0.18);
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 420px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 220ms ease;
	width: min(92vw, 420px);
}

.av-mini-cart.is-open .av-mini-cart__panel {
	transform: translateX(0);
}

.av-mini-cart__header {
	align-items: center;
	border-bottom: 1px solid #ececec;
	display: flex;
	justify-content: space-between;
	padding: 18px 20px;
}

.av-mini-cart__header h2 {
	font-size: 22px;
	margin: 0;
}

.av-mini-cart__close,
.av-mini-cart__item button {
	background: transparent;
	border: 0;
	color: #111;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
	padding: 4px;
}

.av-mini-cart__items {
	flex: 1;
	overflow-y: auto;
	padding: 12px 20px;
}

.av-mini-cart__item {
	align-items: center;
	border-bottom: 1px solid #f0f0f0;
	display: grid;
	gap: 12px;
	grid-template-columns: 72px 1fr 28px;
	padding: 12px 0;
}

.av-mini-cart__image {
	background: #f7f7f7;
	display: block;
	height: 72px;
	overflow: hidden;
	width: 72px;
}

.av-mini-cart__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.av-mini-cart__info a {
	color: #111;
	display: block;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.av-mini-cart__info span {
	color: #6d6d6d;
	display: block;
	font-size: 14px;
	margin-top: 4px;
}

.av-mini-cart__empty {
	color: #6d6d6d;
	margin: 16px 0;
}

.av-mini-cart__coupon {
	border-top: 1px solid #ececec;
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr auto;
	padding: 16px 20px;
}

.av-mini-cart__coupon input {
	border: 1px solid #d8d8d8;
	height: 42px;
	padding: 0 12px;
}

.av-mini-cart__coupon button,
.av-mini-cart__checkout {
	background: #111;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	min-height: 42px;
	padding: 0 16px;
	text-align: center;
	text-decoration: none;
}

.av-mini-cart__coupon p {
	color: #6d6d6d;
	font-size: 13px;
	grid-column: 1 / -1;
	margin: 0;
}

.av-mini-cart__totals {
	border-top: 1px solid #ececec;
	padding: 16px 20px;
}

.av-mini-cart__totals div {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.av-mini-cart__grand {
	border-top: 1px solid #ececec;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 12px;
}

.av-mini-cart__checkout {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 20px 20px;
}

.av-mini-cart-open {
	overflow: hidden;
}

.av-home-products {
	padding: 60px 0;
}

@media (max-width: 575px) {
	.av-mini-cart__panel {
		max-width: none;
		width: 100vw;
	}

	.av-mini-cart__coupon {
		grid-template-columns: 1fr;
	}
}