/** Shopify CDN: Minification failed

Line 59:15 Unexpected "{"
Line 59:24 Expected ":"

**/
.product-card {
/* max-width: 29rem; */
display: grid;
grid-auto-rows: max-content;
}

.product-card > * > * {
margin-block: 1.6rem;
}

.product-card > * > *:first-child {
margin-block-start: 0;
}

.product-card > * > *:last-child {
margin-block-end: 0;
margin-block-start: auto; 
}

.product-image {
border-radius: 0px 16px 16px 16px;
background: #C4C4C4;
overflow: hidden;
}

.product-image img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
aspect-ratio: 2/2;
display: block;
}
.listView .product-image img {
aspect-ratio: 1;
}

.product-card .product-image>a{
height: 100%;
width: 100%;
aspect-ratio: 2/2;
display: block;
}
.listView .product-card .product-image>a{
aspect-ratio: 1; 
}
/* Tag Styles */
.tagContainer {
display: flex;
gap: 0.8rem;
}

.product-card-{{ product.id }} .productTag {
display: flex;
align-items: center;
border-radius: 24px;
padding-inline: 8px;
padding-block: 4px;
justify-content: center;
}

.productTag:has(:first-child:empty):has(:last-child:empty) {
visibility: hidden;
}

.productTag p {
margin-block: 0;
margin-inline-start: 4px;
text-transform: capitalize;
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.5px;
min-width: max-content;
}

.tagTxtWrapper {
display: grid;
grid-auto-flow: column;
grid-template-columns: 0fr;
transition: grid-template-columns 300ms;
}

.tagTxtWrapper > div {
overflow: hidden;
}

.productTag:hover .tagTxtWrapper {
grid-template-columns: 1fr;
}
@media(max-width: 1000px){
    .productTag .tagTxtWrapper {
        grid-template-columns: 0fr !important;
    }
}

/* Pill Container Styles */
.pillContainer {
display: flex;
justify-content: space-between;
}
.pillContainer:has(.selectPill) {
flex-wrap: wrap;
row-gap: 0.8rem;
column-gap: 1.6rem;
}

.selectPill {
border: 1px solid;
width: max-content;
border-radius: 200vw;
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 10px;
max-height: 32px;
position: relative;
}
.product-card .selectPill{ 
flex-grow: 1;
}
.selectPill select + .icon-caret {
position: absolute;
inset-block:0;
margin-block: auto;
inset-inline-end: 16px;
max-width: 0.8rem;
}

.selectPill .quantity__input{
text-align: start;
}

.selectPill :is(input, select):focus-visible{
outline: none !important;
box-shadow: none !important;
}

.selectPill:focus-within {
outline: 1px solid;
}

/* Override Dawn's default input styles */
.quantity__input {
border: none !important;
padding: 0 !important;
width: 40px !important;
background: transparent !important;
font-size: inherit !important;
}

.select__select {
border: none !important;
padding: 0 !important;
background: transparent !important;
font-size: inherit !important;
min-width: 60px;
}

/* Alternative Pill Container */
.pillContainer.alt {
background-color: var(--lightGreyColor);
border-radius: 4rem;
padding: 8px 24px;
max-height: 32px;
align-items: center;
gap: 10px;
align-self: stretch;
margin-block-start: 1.6rem;
}
.bg-light .pillContainer.alt{
background-color: #fff;
}

/* Product Form Styles */
.product-form {
display: grid;
gap: 1.6rem;
}

/* Add to Cart Button */
.add-to-cart-btn {
color: #000;
text-align: right;
font-family: "Visby CF", sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
}

.add-to-cart-btn[disabled] {
opacity: 0.6;
cursor: not-allowed;
}

/* Product Text Container */
.productTxtContainer > a > * {
margin-block: 0.8rem;
}
.productTxtContainer a {
color: inherit;
text-decoration: none;
}
.productTxtContainer .price {
font-weight: 700;
font-size: 12px;
line-height: 16px;
letter-spacing: 5%;
vertical-align: middle;
/* color: #999999; */
color: #000;
}
.productTxtContainer > a > *:first-child {
margin-block-start: 0;
}

.productTxtContainer > a > *:last-child {
margin-block-end: 0;
}

/* Hide spinners for number input */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.quantity__input[type=number] {
-moz-appearance: textfield;
}
.product-price{
color: #000;
font-family: "Visby CF";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
}
.add-to-cart-btn[aria-disabled="true"] span{
    color: #9aa0a6;
}
.list-line{
display: content;
}
.list-line:first-child .productTxtContainer{
display: none;
}
.product-title{
color: #000;
font-family: "Visby CF";
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
line-height: 1.2; 
letter-spacing: 0.8px;
text-transform: capitalize;
@media(max-width: 800px){
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2lh;
}
}
.botanical-name{
color: #000;
font-family: "Visby CF";
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: 1.2;/* 120% */
letter-spacing: 0.5px;
text-transform: capitalize;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media(min-width: 620px){
.product-title, .botanical-name{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
}
.selectPill label{
color: #000;
font-family: "Visby CF";
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 1.01;
letter-spacing: 0.5px;
text-transform: uppercase;
padding-top: 2px;
}
.selectPill select{
color: #000;
font-family: "Visby CF";
font-size: 1.4rem !important;
font-style: normal;
font-weight: 500;
line-height: 1.35;
margin-inline-end: 4px;
}

/* .paginationHolder .btn-white{
color: #000;
font-family: "Visby CF";
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 1.4rem;
letter-spacing: 0.5px;
} */