.cart-model-wrap {

	.woocommerce {
		width: 100%;
	}

	.woocommerce-notices-wrapper {
		padding: 0;
	}

	.woocommerce-message {
		padding: 1em;
		margin-bottom: 1.5em;
	}

	.cart-empty {
		padding: 0.8em;
		background-color: $light_blue;
		color: white;
	}

	.product-variation {
		font-weight: bold;
    	font-size: 11px;
	}

	&.show {
		width: 500px;
		.mini-cart-wrapper {
		width: 100%;
		height: calc(100vh - 100px);
		position: fixed;
		top: 100px;
		right: 0;
		z-index: 9999;
		display: block;
		overflow: auto;
		transition: 0.5s;

		@include respond-below(xl) {
			height: calc(100vh - 90px);
			top: 90px;
		}

		.mini-cart-inner-wrapper {
			width: 450px;
			max-width: calc(100vw - 40px);
			background: #fff;
			margin-left: auto;
			margin-right: 0;
			justify-content: space-between;
			height: 100%;

			@include respond-below(lg) {
				width: 100%;
				max-width: 100vw;
			}

			.mini-cart-top-wrapper {
				overflow: auto;
				max-height: 520px;
				position: relative;
				padding: 30px;

				@include respond-below(lg) {
					max-height: 500px;
				}

				.mini-cart-title {
					h3 {
						width: 100%;
						color: #2b2b2b;
						font-size: 40px;
						font-family: 'Muli', 'Arial', sans-serif;
						font-weight: 500;
						text-align: center;
						margin: 0 0 20px 0;
						@include respond-below(lg) {
							font-size: 20px;
						}
					}
				}

				ul {
					padding: 0px;
					margin: 0px;

					li {
						display: flex;
						border-top: 2px solid #2b2b2b;
						padding-top: 30px;
						padding-bottom: 30px;
						margin-top: 0;

						.mini-cart-inner-left-content {
							padding-right: 10px;
							width: 35%;

							img {
								width: 150px;
								height: 100%;
								object-fit: cover;
							}
						}

						.mini-cart-inner-right-content {
							padding-left: 10px;
							align-content: space-between;
							width: 65%;

							.title {
								a {
									font-size: 22px;
									color: #2b2b2b;
									font-family: 'Muli', 'Arial', sans-serif;
									font-weight: 500;
									margin-bottom: 10px;
									display: block;
									@include respond-below(lg) {
										font-size: 15px;
									}
								}
							}

							.product-meta-wrapper {
								align-items: center;
								justify-content: space-between;

								.product-price-wrappern {
									h5 {
										font-family: 'Muli', 'Arial', sans-serif;
										font-weight: 500;
										font-size: 24px;
										color: #2b2b2b;
										margin: 0;

										@include respond-below(lg) {
											font-size: 18px;
										}
									}
								}

								.product-quantity-wrapper {
									input {
										width: 35px;
										height: 32px;
										border: 1px solid #2b2b2b;
										font-family: 'Muli', 'Arial', sans-serif;
										font-size: 15px;
										font-weight: 300;
										text-indent: 10px;
										padding: 0;
	    								margin: 0;
									}
								}

								.product-remove-wrapper {
									color: #2B2B2B;
									font-weight: 300;
									font-family: 'Muli', 'Arial', sans-serif;
									font-size: 20px;
									border-bottom: 1px solid #2b2b2b;
									line-height: 1;
									@include respond-below(lg) {
										font-size: 15px;
									}
								}
							}
						}

						&:nth-last-child(1) {
							border-bottom: 2px solid #2b2b2b;
						}
					}
				}
			}

			.mini-cart-bottom-wrapper {
				background: #fff;
				width: 100%;
				padding: 30px 30px 50px 30px;

				.total-mini-cart {
					display: flex;
					flex-direction: column;
					align-items: center;
					height: 100%;
					justify-content: flex-end;

					span {
						font-family: 'Muli', 'Arial', sans-serif;
						font-weight: 500;
						font-size: 24px;
						color: #2b2b2b;
					}

					a.button {
						margin: 30px 0 40px;
						background: #ff9899;
					}

					a.link {
						font-family: 'Muli', 'Arial', sans-serif;
						font-weight: 300;
						font-size: 20px;
						border-bottom: 1px solid #2b2b2b;
						line-height: 1;
					}
				}
			}
		}
	}

	}

	.mini-cart-bottom-wrapper {
		margin-top: 30px;

		.total-mini-cart {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			width: 100%;

			span {
				font-weight: 500;
				font-size: 24px;

				&.total-price {
					font-weight: 500;
					font-size: 18px;
					padding-left: 1em;
					
					bdi {
						font-weight: 500;
						font-size: 18px;
						span {
							font-weight: 500;
							font-size: 18px;
						}
					}
				}
			}

			a.button {
				display: inline-block;
				padding: 0.70rem 1.85rem;
				vertical-align: top;
				color: #000;
				font-size: 1rem;
				line-height: 1.5;
				text-align: center;
				text-decoration: none;
				border-radius: 0px;
				background-color: transparent;
				border: 2px solid #000;
				transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
				margin: 15px 0;

				&:hover {
					cursor: pointer;
					color: #fff;
					border: 2px solid #ff9899;
					text-decoration: none;
					background-color: #ff9899;
				}
			}
		}
	}

}


.woocommerce-cart-wrap {

	.product-quantity {
		.quantity {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.td-quantity-button {
			&.min {
				padding-right: 5px;
			}

			&.plus {
				padding-left: 5px;
			}

			&:hover {
				cursor: pointer;
			}
		}

		.input-text {
			&.qty {
				width: 20px;
				text-align: center;
				margin: 0 auto;
				padding: 0;
				border: none;
				background: transparent;
			}
		}
	}

	.product-upper-tab {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid $pink_border;
        color: $pink;

        .product-cat-title {
            font-size: 0.7em;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .product-price {
            font-weight: bold;
            font-size: 1.2em;
        }
    }

    .woocommerce-cart-form__cart-item {
    	.frame-image {
			position: absolute;
		    width: 89%;
		    margin: 0 auto;
		    left: auto;
		    top: 0;
		    height: auto;

    		@media ( min-width: 375px ) and ( max-width: 812px ) and ( orientation: landscape ) { 
				width: 91%;
			}

			&.passportout { 
	    		img {
	    			-webkit-box-shadow: 0px 0px 8px -3px;
	    			box-shadow: 0px 0px 8px -3px;
	    		}
	    	}

		    &.landscape {
		    	width: 87%;

		    	@include respond-below(md) {
			    	width: 84%;
			    }

		    	img {
		    		height: 125px !important;
		    		width: 100%;

		    		@include respond-below(md) {
				    	width: 100%;
			    		height: 102px !important;
		    		}
			   	 }

		    }

		    @include respond-below(md) {
		    	width: 85%;
		    }
		 }    

        .cart-product-image {
        	&.landscape {
        		img {
	    			width: 100%;
	        		height: 122px;
	    			object-fit: cover;
				    object-position: center;

			     	@media ( min-width: 375px ) and ( max-width: 812px ) and ( orientation: landscape ) { 
						width: 95%;
					}

				    @include respond-below(md) {
				    	height: 100px;
				    }
        		}
        	}

        	&.passportout {
        		img {
        			transform: scale(0.75);
        		}
        	}
        }

        .product-content {
            padding: 1.2em 0px;

            .container {
                @include respond-below(md) {
                   display: flex;
                   flex-direction: column;
                }
            }
        }
    }

    .product-bottom-tab {
        padding-top: 0.5em;
    	display: flex;
        justify-content: space-between;
        align-items: center;

        @include respond-below(md) {
            order: 0;
        	flex-wrap: wrap;
            padding-top: initial;
        }

        .product-title {
            font-weight: bold;
            text-decoration: none;
            font-size: 12px;
		}
    }

	.cart-tabale {
		width: 100%;

		.product-name, .product-remove {
			a {
				text-decoration: none;
				font-weight: bold;
			}
		}

		thead {
			tr {
				border: 0;
			}
		}

		tr {
			@include respond-below(md) {
				padding: 16px 0;
			}

			border-top: 1px solid #dbd7d7;

			&:last-child {
				border-bottom: 1px solid #dbd7d7;
			}
		}

		th, td {
		    vertical-align: middle;
		    text-align: left;
		    padding: 24px 12px;
		}

		.actions {
			.coupon {
				float: left;

				label {
					display: none;
				}

				#coupon_code {
					padding: 16px 16px;
			    	min-height: 58px;
				    width: 45%;

				    @include respond-below(md) {
						min-height: 44px;
					}
				}
			}

			.submit_btn {
				float: right;

				@include respond-below(md) {
					display: none;
				}
			}
		}
	}

	.cart-collaterals {
		padding: 3em 0;
		margin: 0 auto;
		text-align: center;

    	.shop_table {
    		width: 100%;
    	}
	}

 	#shipping_method {
    	li {
    		list-style: none;
    	}
    }

    .checkout-button {
    	margin-top: 1em;
    	width: 100%;
    }

    .cart-total-wrap {
    	.cell-md-6 {
    		margin: 0 auto;
    	}
    }

}

 body.woocommerce-cart {
 	.entry-content {
 		padding-top: 1em;
 	}

 	.woocommerce-info {
 		padding: 1em;
 		background-color: $light_blue;
 		color: $white;
 	}
 }

.woocommerce-shipping-methods {
	padding-left: 0;
}

.return-to-shop {
	padding: 1em 0;
}

.wishlist-model-wrap {
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: -40%;
	width: 40%;
	background-color: #fff;
	color: #000;
	overflow-x: scroll;
	transition: 0.5s;

 	@include respond-below(md) {
		width: 100%;
		right: 0;
		top: 100%;
	}

	&.show {
		right: 0%;
		width: 500px;

		@include respond-below(md) {
			top: 15%;
		}
	}

	.wishlist-model {
		padding: 3em;
		position: relative;
	}

	.cart-empty {
		&.woocommerce-info {
			background-color: $light_blue;
		}
	}
}

.single-product {
	.mini-cart-item {
		.cart-product-image-wrap {
			.frame-image {
				img {
					height: initial;
				}
			}
		}
	}
}