.tile__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

.tile {
	display: flex;
	flex: 2 0 auto;
    width: calc(100% - 1.2em);
	transition: all .3s ease-in-out;
	border: 1px solid #ccc;
	margin: .6ren .2rem;
	flex-direction: column;
	background: #fff;
}

.tile.tile--splash{
	border: none;
	box-shadow: 3px 4px 4px	rgba(0,0,0,.16);
	border-radius: .625em;
	max-width: 14rem;
}

@media all and (min-width:64rem){
	.tile.tile--splash{
		max-width: 18rem;
	}
}


.tile__product {
    border-radius: 0.625rem;
	box-shadow: 3px 4px 4px rgba(0,0,0,.16);
	max-width: 350px;
}

.tile__product__title {
	padding: .3em .6em;
	border-radius: 0.625rem 0.625rem 0 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tile__product__title span{
	color:#fff;
}

.tile__product__title div {
	display: flex;
	flex: 0 1 auto;
	font-size: 0.8125em;
}

.tile__product__title div:last-child {
	justify-content: flex-end;
}

.tile__product__title h3 .product__brand , 
.tile__product__title h3 .product__type {
    display: block;
}

.tile__product__title h3 span:first-child {
	font-weight: 100;
}

.tile__product__title h3 span:last-child {
	font-weight: bold;
}

.tile__product__title div:last-child span {
    font-size: 1.3125rem;
}
.tile__product__title div:last-child span:last-child {
    display: inline-block;
}

.tile__product__title .mobile-hide {
    display: none;
}
.tile__product__title .desktop-hide {
    display: flex;
}

.tile__product__title .cannabinoid-info {
	display: none;
	align-items: center;
	white-space: nowrap;
	padding: 0 0 0 0.5em;
	color: #fff;
}
.tile__product__title .cannabinoid-info > * {
	font-size: 0.875rem;
}
.tile__product__title .cannabinoid-info > * + *:before {
	content: "|";
	margin: 0 0.5em;
}
.tile__product__content {
	display: flex;
	flex-direction: column;
    border-radius: 0.625rem 0.625rem 0 0;
    flex: 1 0 auto;
	background: #fff;
	padding: 0 0.25rem 0.25rem;
}

.modal .tile__product--splash .tile__product__content {
	border-radius: 0.625rem;
}

.tile__product__content .responsive-img {
/*	max-height: 180px;
	overflow: hidden; */
	width: auto;
	height: auto;
	min-width: 120px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	flex: 0 1 auto;
}

.tile__product__content .responsive-img img:not(.responsive-exclude) {
	width: auto;
	height: auto;
	object-fit: cover;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	max-width: 100%;
	max-height: 150px;
}

.tile__product__content .cannabinoid-info {
	display: flex;
	flex-direction: column;
	color: #4E847B;
	font-size: 0.75rem;
	flex: 0 1 auto;
	white-space: nowrap;
}
.tile__product__content .cannabinoid-info > * + * {
	margin-top: 0.25em;
}

.product__info {
	display: flex;
	padding: .4em;
	border-radius: 0.625rem;
}

.product__info .responsive-img {
	min-height: 145px;
	display: flex;
	align-items: center;
	text-align: center;
}

.product__image {
    position: relative;
    /* display: flex;
    flex: 1 0 auto; */
}

.product__image img {
    width: 100%;
}


.product__favorite_icon {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
	height: 44px;
    width: 44px;
    background: url(/images/product-icons/Heart.svg) center center no-repeat;
    background-size: contain;
	opacity: .3;
	display: none;
}

.product__favorite_icon_selected {
    opacity: 1;
}
.product__details {
	display: flex;
	padding: 0 .4em;
	flex: 1 0 auto;
	flex-wrap: wrap;
}
.product__details > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.product__details a {
	display: flex;
	text-align: center;
	margin: 1em 0;
	color: #4E847B;
	font-size: .8em;
}
.product__details .product__perUnits__label {
	display: flex;
	text-align: center;
	margin: .5em 0;
	color: #4E847B;
	font-size: .8em;
}

.product__thc_cbd {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    font-size: 0.8125em;
    line-height: 1.4em;
    color: #000;
}

.product__thc_cbd span {
    display: block;
    text-align: right;
}

.product__category__icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	margin: 0;
	flex: 0 1 auto;
}

.product__category__label {
	display: flex;
    margin: .2rem 0;
	padding: .125rem .6875rem;
	font-size: 3vw;
	font-weight: bold;
	color:#fff;
    line-height: .875rem;
    border-radius: .5625rem;
	flex: 0 0 auto;
	align-self: center;
}

.product__transaction {
	justify-content: space-between;
    display: flex;
	flex-direction: column;
	border-radius: 0.625rem;
	flex: 1 0 0%;
}

.product__transaction__quickbuttons {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top-right-radius: 0.625rem;
	padding: 0.5rem;
}
.product__transaction__quickbuttons button {
	display: flex;
	flex: 1 0 auto;
    margin: 0;
	flex-direction: column;
    font-size: .75rem;
	color: #4E847B;
	border-radius: .3125rem;
	background-color: #fff;
	border: 1px #3A615B solid;
	padding: .3rem .6rem;
	align-items: center;
	transition: box-shadow .3s ease-in-out;
	position: relative;
	z-index: 0;
	max-width: 100%;
}

.product__transaction__quickbuttons button + button {
	margin-left: 0.4rem;
}

.tile .product__transaction__quickbuttons button .tiny-label{
	font-size:.6875rem;
}

.tile[data-outofstock="1"] .product__transaction__quickbuttons button{
	color:#787878;
	cursor: initial;
}

.tile:not([data-outofstock="1"]) .product__transaction__quickbuttons button:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,.3);
}

.product__transaction__quickbuttons button span {
	display: block;
	text-align: center;
}

.product__transaction__input {
	display: flex;
	flex-direction: column;
	padding: 0 0.5rem 1rem;
}
.add-to-cart-hidden .product__transaction__input {
	padding: 0;
}
@media all and (min-width: 1440px) and (max-width: 1679px) {
	.product__transaction__input {
		flex-direction: row;
	}
}

.product__transaction__instructions {
	flex: 1 0 auto;
	color: #4E847B;
    display: flex;
	align-items: center;
	font-size: 0.9375em;
}

.product__transaction__quickbuttons label {
    display: flex;
    flex: 1 0 auto;
    margin: 0 .2rem .2rem 0;
    font-size: 1rem;
    color: #4E847B;
    padding: .3rem;
    align-items: center;
    justify-content: center;
    transition: box-shadow .3s ease-in-out;
}


.product__transaction__instructions p {
    margin: 0 auto;
}
.out-of-stock-label {
	color: #e03635;
	font-size: 1.375rem;
	font-weight: bold;
}


.product__transaction__custom {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 auto;
	flex-direction: column;
	border-radius: 0 0 0.625rem 0.625rem;
	padding: 0;
    /*align-items: center;
    padding: .65625em 0;*/
}

.add-to-cart-hidden .product__transaction__custom{
	background: #3A615B;
	padding: 0 0 1rem 0.75rem;
}

.product__transaction__custom div {
	display: flex;
    flex: 1 1 auto;
	flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}

.product__transaction__custom div span {
	background-color: transparent;
    color: #4E847B;
    /* font-size: .9em; */
    width: auto;
	text-align: center;
	align-self:center;
}

.product__transaction__custom div.remove-from-cart-container{
	flex: unset;
}

.product__transaction__custom div input[type='text'] {
	background-color: #fff;
    color: #4E847B;
    border: 1px solid #C5C5C5;
    font-weight: 700;
    font-size: .9em;
	width: 5.0625rem;
	height: initial;
	padding: 0;
	margin: .4rem auto;
    text-align: center;
}

.tile__product .product__transaction__custom .input-with-abbreviation {
	display: flex;
	flex: 0 1 auto;
	align-self: center;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 0;
}

.input-with-abbreviation label {
	padding: 0.4rem 0.8rem;
	display: flex;
}

.cart--buttons .input-with-abbreviation {
	height: 100%;
}

label[data-unit-abbreviation]:after {
	content: attr(data-unit-abbreviation);
	font-weight: 700;
	color: #4E847B;
	padding: 0 0 0 0.4rem;
	align-self: flex-end;
}

.product__transaction__custom div input[type='number'] {
	background-color: #fff;
    color: #4E847B;
    border: none;
    font-weight: 700;
    font-size: 1em;
	width: 2rem;
	height: 100%;
	padding: 0;
	margin: 0;
    text-align: right;
}

.product__transaction__custom div input[type='number'] + span {
	margin-left: 0.4rem;
}

.product__transaction__custom .cart--buttons > div {
	flex: 0 1 auto;
}
.product__transaction__custom .cart--buttons > div + div {
	margin-left: 0.4rem;
}
.product__transaction__custom .row2 div:first-child{
	flex: 1 0 auto;
	text-align: right;
}
.product__transaction__custom .row div{
	/*padding: 0 0 0 .4rem;
	flex: 1 0 auto;*/
	width: initial;
	align-items: unset;
}
.product__transaction__custom .row2 div:first-child div {
    text-align: left;
    display: block;
    color: #fff;
    font-size: .875rem;
    max-width: 225px;
}

.product__transaction__custom .row2 div span{
	color: #fff;
}
.product__transaction__custom .cart--buttons > div button{
	padding: .4375em .3em;
	flex: 2 0 auto;
	width: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.product__transaction__custom .row{
	flex-wrap: wrap;
	flex-direction: row;
	flex: 1 1 auto;
	justify-content: space-between;
	align-items: center;
}

.product__transaction__custom .row2,
.product__transaction__custom .cart--currentTotal,
.product__transaction__custom .cart--buttons {
	display: none;
}

.product__transaction__custom .row .cart--buttons,
.product__transaction__custom > .row2 > :first-child {
	justify-content: flex-start;
}

.product__transaction__custom .row2 div:last-child {
	justify-content: flex-end;
	padding: 0 1rem 0 0;
}

.product__transaction__custom .row2 > :last-child a span {
	text-decoration: underline;
}

.add-to-cart-hidden .product__transaction__custom .add-to-cart,
.add-to-cart-hidden .product__transaction__instructions {
	display: none;
}

.product__transaction__custom__active{
	background-color: #d5e5e2;
}

.add-to-cart-hidden .product__transaction__custom .row2,
.add-to-cart-hidden .product__transaction__custom .cart--currentTotal,
.add-to-cart-hidden .product__transaction__custom .add-to-cart + .cart--buttons {
	display: flex;
}

.product__transaction__custom .row .add-to-cart > div {
	flex: 0 1 auto;
}

.product__transaction__custom .row .add-to-cart > div + div {
	margin-left: 1rem;
}

.product__transaction__custom .cart--currentTotal div{
	display: block;
	width: 100%;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	padding: .5625rem 0.3em;
	color:#fff;
}

.product__transaction__custom .cart--currentTotal span{
	color:#fff;
}

.product__transaction__custom .add-to-cart-hidden {
	display: none;
}

.product__transaction__custom .add-to-cart-hidden + .cart--buttons {
	display: flex;
}

.product__transaction__custom__active {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	background-color: d5e5e2;
    padding: 1em 0;
    border-bottom-right-radius: .625em;
}
.add-to-cart-hidden .product__transaction__custom__active{
	background-color: #3A615B;
}

.product__transaction__custom__active a {
	color: #efefef;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	min-width: 5.375em;
	font-size: .9em;
}

.product__transaction__custom__active a:hover {
	color: #fff;
	text-decoration: underline;
}

.product__transaction__custom__active .remove-item {
	text-decoration: none;
}

.product__transaction__custom__active .row2 {
	padding: 0 .4em;
}

.product__transaction__custom__active .row2 div:first-child {
	flex: 1 0 auto;
    text-align: right;
}

.product__transaction__custom__active .row2 div:first-child div {
	text-align: center;
	display:block;
}

.modal-content .row .button-container, .modal-content .row .currentTotal{
	margin-top: .6875rem;
}
.in-your-cart-label{
	max-width:20.3125rem;
}

.product__transaction__custom__active .mobile-hide {
    display: none;
}

.product__transaction__custom__active .desktop-hide ,
.product__transaction__custom__active .button-containers {
	display: flex;
	/* flex: 1 0 auto; */
	justify-content: center;
}


/* .product__transaction__custom__active input[type="text"] {
	background-color: #fff;
	border: 1px solid #fff;
	color: #707070;
	text-align: center;
	width: initial;
	height: initial;
    padding: .4em 0;
	margin: 0;
	max-width: 80px;
	font-size: .9em;
}

.product__transaction__custom__active input[type="number"] {
	background-color: #fff;
	border: 1px solid #fff;
	color: #707070;
	text-align: center;
	width: initial;
	height: initial;
    padding: .4em 0;
	margin: 0.4rem auto;
	max-width: 110px;
	font-size: .9em;
} */


.product__transaction__custom__active .button--green {
	padding: .625rem 1em;
}

.product__transaction__custom__active .button--green.button--add-to-cart {
	border-radius: 0;
	font-size: 1rem;
}

.product__transaction__custom__active .currentTotal {
	background-color: #50736e;
	padding: .6em;
    border-top-left-radius: .625em;
    border-bottom-left-radius: .625em;
}
.product__transaction__custom__active .currentTotal div {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 1.375rem;
    font-weight: bold;
	padding: .4em 0.3em;
	color: #fff;
}

.modal .product__transaction__quickbuttons button {
	padding: .3rem .6rem;
}

@media all and (min-width: 30em) {
	.product__category__label {
		font-size: 0.875rem;
	}
}

@media (min-width: 37.5em) {
}

/* iPad */
@media (min-width: 48em) {
	.tile__list {
		justify-content: flex-start;
	}
	/*.tile__product {
		max-width: 40rem;
	}*/
	.product__details {
		flex-wrap:nowrap;
	}

	.product__info {
		flex-direction: row;
	}
	.tile__product__content .responsive-img {
		min-width: 125px;
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
	}
	.modal .tile__product__content .responsive-img {
		min-width: 430px;
	}
}

/* 1024px */
@media (min-width: 64em) {
    
    .product__info {
		flex: 1 1 0%;
    }
    .product__transaction {
        flex: 1 1 0%;
		min-width: 200px;
    }

    .product__thc_cbd {
        display: none;
    }

    .product__transaction__custom__active .mobile-hide {
        display: flex;
    }
    
    .product__transaction__custom__active .desktop-hide {
        display: none;
	}
	
	.product__image img {
		max-width: 150px;
	}
	
    

}

@media (min-width: 75em) {
	.tile__product__title h3 .product__brand , 
    .tile__product__title h3 .product__type {
        display: inline-block;
	}

	.tile__product__title .mobile-hide {
        display: inline-block;
    }

    .tile__product__title .desktop-hide {
        display: none;
	}

}

@media all and (min-width: 80rem) {
	.tile {
		width: calc(50% - 1.2rem);
		max-width: 42.5rem;
		margin: .6rem;
	}
    
    .tile__product__title div {
        font-size: .86vw;
    }

    .tile__product__title div span {
        margin: 0 .4em 0 0;
        /* border-right: 1px solid #fff; */
        padding: 0 .4em 0 0;
        font-weight: 100;
        font-size: 0.8125em;
	}
	.tile__product__title div span.product__brand{
		font-size:1.5vmin;
		color:#fff;
		font-weight: 300;
	}
	.tile__product__title div span.product__type{
		font-size:1.5vmin;
		color:#fff;
		font-weight: 700;
	}
    .tile__product__title div:last-child span:last-child {
        border-right: 0;
    }
}

@media (min-width: 96em) {
}

@media (min-width: 102em) {
}

@media all and (min-width: 105rem) {
	.tile__product__title .cannabinoid-info {
		display: flex;
	}
	.tile__product__content {
        flex-direction: row;
		flex-wrap: wrap;
		padding: 0;
	}
	.tile__product__content .cannabinoid-info {
		display: none;
	}
	
	.product__transaction {
		border-radius: 0 0 0.625rem 0;
	}
	
	.product__transaction__custom {
		border-radius: 0 0 0.625rem 0;
	}
	.product__transaction__custom .row2 div:last-child {
		justify-content: center;
	}
	
	.product__transaction__custom .row2 div:last-child {
		padding: 0;
	}
	.product__transaction__custom .row2 div:first-child div {
    	text-align: left;
	}
}