/** Shopify CDN: Minification failed

Line 24:0 All "@import" rules must come first
Line 25:0 All "@import" rules must come first

**/
/* Nashville Farm Custom CSS */
/* Extracted from homepage.html and pdp.html */

/* ============================================
   CSS Custom Properties (Color Variables)
   ============================================ */
:root {
  --dark-teal: #2c544b;
  --light-green: #aabdae;
  --champagne: #e8d6bb;
  --cream: #fcfaf6;
  --gold: #c89656;
}

/* ============================================
   Font Imports
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* ============================================
   Base Body Font
   ============================================ */
body {
  font-family: 'Inter', sans-serif !important;
}

/* ============================================
   Font Awesome Icon Preservation
   ============================================ */
.fa, .fas, .far, .fal, .fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* ============================================
   Scrollbar Hiding
   ============================================ */
::-webkit-scrollbar {
  display: none;
}

html, body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ============================================
   UI Helper Classes (from original files)
   ============================================ */
.highlighted-section {
  outline: 2px solid #3F20FB;
  background-color: rgba(63, 32, 251, 0.1);
}

.edit-button {
  position: absolute;
  z-index: 1000;
}

.product-main-slide .image-wrap, .product-main-slide .image-wrap img {
    border-radius: 8px;
border: 0 solid #E5E7EB;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10), 0 10px 15px 0 rgba(0, 0, 0, 0.10);
}

.grid__item-image-wrapper {
    border-radius: 8px;
border: 0 solid #E5E7EB;
background: #FFF;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10), 0 10px 15px 0 rgba(0, 0, 0, 0.10);
}

.grid-product__link{
    padding:20px;
}
.grid-product__image-mask{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}


.product-single__title {display:none;}
@media only screen and (max-width:769px){
    .product-recommendations .sheep-card__image {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
}