/* product card */

.product-quantity {
	display: flex;
	border: 1px solid rgba(0, 0, 0, 0.20);
	padding: 0.5rem 1rem;
    max-width: fit-content;
}

.quantity-icon {
	width: 12px;
	height: 12px;
	stroke-width: 1px;
	stroke: black;
}

.product-quantity input {
	font-size: 20px;
	color: black;
}

.heart-icon {
	width: 24px;
	height: 24px;
	stroke-width: 1px;
	stroke: black;
}

.heart-filled-icon {
	stroke: #bd3d44;
	fill: #bd3d44;
}

.heart-active {
	stroke: #000;
	fill: #000;
}

.icon-small {
	width: 12px;
	height: 12px;
}

.slide-image {
	display: none;
}

.product-image {
	background: #F5F6F8;
}

.slide-control {
	border: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: transparent;
	font-size: 20px;
	cursor: pointer;
}

.slide-left {
	right: 45px;
}

.page-number {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.product-terms-wrapper {
	display: none;
	background-color: white;
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
}

.open {
	cursor: pointer;
}

.close-section {
	height: 20px;
	width: 20px;
	stroke: black;
	stroke-width: 2px;
}
/* end product card */




/* Start mobile specific rules */
@media only screen and (max-width: 600px) {
    main {
        display: flex;
        flex-flow: column nowrap;
    }

    #product-info {
        gap: 12px;
    }

    #add-button {
        width: 100%;
    }
}