/* SHOP */
			
			.product-grid {
				display: grid;
				gap: var(--gap);
				grid-template-columns:repeat(3, 1fr);
			}
			
			/* CARD */
			
			.product-card {
				border: 1px solid var(--color-border);
				border-radius: var(--radius);
				overflow: visible;
				position: relative;
			}
			
			.product-card-image {
				align-items: center;
				background: var(--color-bg-soft);
				color: var(--color-muted);
				display: flex;
				/*height: 220px;*/
				justify-content: center;
				border-radius: var(--radius) var(--radius) 0 0;
				overflow: hidden;
			}
			.product-card-image img {
				display: block;
				height: 100%;
				object-fit: cover;
				width: 100%;
			}
			
			
			
			.product-card-content {
				padding: 22px;
				position: relative;
			}
			
			.product-card-content h3 {
				margin-bottom: 8px;
			}
			
			.product-card-content p {
				color: var(--muted);
			}
			
			.product-card-price {
				display: block;
				color: var(--color-dark);
				font-size: var(--font-large);
				font-weight: 700;
				margin: 15px 0;
			}
			
			/* SIZE DROPDOWN */
			
			.size-dropdown {
				position: relative;
				z-index: 1000;
			}
			
			.size-dropdown-button {
				align-items: center;
				background: var(--color-bg);
				border: 1px solid var(--color-border);
				border-radius: var(--radius);
				cursor: pointer;
				display: flex;
				justify-content: space-between;
				list-style: none;
				padding: 12px;
				width: 100%;
			}
			
			.size-dropdown-button::-webkit-details-marker {
				display: none;
			}
			
			.size-dropdown-content {
				background: var(--color-bg);
				border: 1px solid var(--color-border);
				left: 0;
				position: absolute;
				right: 0;
				top: 100%;
				z-index: 9999;
			}
			
			.arrow {
				display: inline-block;
				transform: rotate(0deg);
				transition: transform .15s;
			}
			
			.size-dropdown[open] .arrow {
				transform: rotate(180deg);
			}
			
			.size-row {
				align-items: center;
				border-bottom: 1px solid var(--color-border);
				display: grid;
				gap: 10px;
				grid-template-columns:1fr 1fr auto;
				padding: 10px;
			}
			
			.size-row:last-child {
				border-bottom: 0;
			}
			
			.size-row button {
				background: var(--color-dark);
				border: 0;
				border-radius: var(--radius);
				color: #fff;
				padding: 7px 10px;
			}
			
			
			/* BASKET */
			
			.basket-overlay {
				background: rgba(0, 0, 0, .25);
				inset: 0;
				opacity: 0;
				pointer-events: none;
				position: fixed;
				transition: .2s;
				z-index: 1000;
			}
			
			.basket-overlay.open {
				opacity: 1;
				pointer-events: auto;
			}
			
			.basket-panel {
				background: var(--color-bg);
				bottom: 0;
				display: flex;
				flex-direction: column;
				max-width: 420px;
				padding: 24px;
				position: fixed;
				right: -450px;
				top: 0;
				transition: .2s;
				width: 100%;
				z-index: 1001;
			}
			
			.basket-panel.open {
				right: 0;
			}
			
			.basket-head {
				align-items: center;
				border-bottom: 1px solid var(--color-border);
				display: flex;
				justify-content: space-between;
				padding-bottom: 20px;
			}
			
			.basket-close {
				background: none;
				border: 0;
				font-size: 28px;
			}
			
			#shop_form {
				flex: 1;
				overflow: auto;
			}
			
			#basket-items {
				padding: 10px 0;
			}
			
			.basket-item {
				border-bottom: 1px solid var(--color-border);
				padding: 15px 0;
			}
			
			.basket-item-row {
				align-items: center;
				justify-content: space-between;
				margin-top: 8px;
				border-bottom: 1px solid var(--color-muted);
				display: grid;
				gap: 14px;
				grid-template-columns: 100px 1fr;
				padding: 16px 0;
			}
			
			.basket-item-row button {
				padding: 4px 8px;
			}
			
			
			
			.basket-item-row h4 {
				font-size: var(--font-family);
				margin: 2px 0 8px;
			}
			
			.basket-item-row img, .basket-product-icon {
				background: #181c15;
				border: 1px solid #34382e;
				height: 95px;
				object-fit: cover;
				width: 95px;
			}
			
			.basket-row-price {
				color: var(--color-attention);
				font-size: var(--font-family);
				margin-bottom: 10px;
			}
			/**/
			
			.basket-summary {
				border-top: 1px solid var(--color-border);
				padding-top: 15px;
			}
			
			.basket-summary-line {
				display: flex;
				justify-content: space-between;
				padding: 5px 0;
			}
			
			.basket-summary-line.total {
				border-top: 1px solid var(--color-border);
				font-size: 18px;
				margin-top: 8px;
				padding-top: 12px;
			}
			
			.basket-checkout {
				margin-top: 20px;
				width: 100%;
			}
			
			.basket-button {
				align-items: center;
				background: var(--color-dark) !important;
				border: 0;
				border-radius: var(--radius);
				color: #fff!important;
				display: inline-flex;
				gap: 8px;
				padding: 10px 14px;
				
					background: #111;
					border: 1px solid #333;
					border-radius: 99px;
					color: #fff;
					cursor: pointer;
					padding: 10px 13px;
					position: relative;
				
			}
			
			.basket-button #basket-count {
				align-items: center;
				background: #fff;
				border-radius: 50%;
				color: var(--color-dark);
				display: flex;
				font-size: 12px;
				font-weight: bold;
				height: 22px;
				justify-content: center;
				min-width: 22px;
				padding: 0 5px;
				
				background: var(--olive);
				border-radius: 99px;
				display: grid;
				font-size: .7rem;
				font-weight: 900;
				height: 20px;
				min-width: 20px;
				place-items: center;
				position: absolute;
				right: -4px;
				top: -6px;
				

			}
			
			.basket-button:hover {
				opacity: .85;
			}
			
			@media (max-width: 800px) {
				.product-grid {
					grid-template-columns:1fr;
				}
			}