/** Shopify CDN: Minification failed

Line 228:0 Expected "}" to go with "{"

**/
/* Available Calves – stable version (rounded, clean, editable) */

.available-calves__list {
  display: flex;
  flex-direction: column;
  gap: var(--available-calves-gap, 72px);
}

.available-calves__item {
  display: flex;
  align-items: center;
  gap: 48px;
}

/* Reverse alternating rows */
.available-calves__item--reverse {
  flex-direction: row-reverse;
}

/* Image */
.available-calves__media-link {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  max-width: 520px;
}

.available-calves__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* Text column */
.available-calves__content {
  max-width: 520px;
}

.available-calves__title {
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.available-calves__desc {
  line-height: 1.8;
}

.available-calves__actions {
  margin-top: 20px;
}

/* Mobile */
@media (max-width: 990px) {
  .available-calves__item,
  .available-calves__item--reverse {
    flex-direction: column;
  }

  .available-calves__media-link,
  .available-calves__content {
    max-width: 100%;
  }
}
/* ==========================================
   AVAILABLE COWS — FORCE IMAGE-WITH-TEXT SIZE
   (Fixes huge images + adds whitespace)
   Template: available-cows
   ========================================== */

/* Space between each cow section */
body.template-page-available-cows .image-with-text{
  margin-bottom: 64px !important;
}

/* Add breathing room between text + image columns */
body.template-page-available-cows .image-with-text__grid{
  column-gap: 56px !important;
  align-items: start !important;
}

/* HARD CAP the media area so the image cannot get huge */
body.template-page-available-cows .image-with-text__media{
  height: 360px !important;
  max-height: 360px !important;
  overflow: hidden !important;
  padding-bottom: 0 !important; /* kills the "aspect-ratio padding" trick */
}

/* Force image to fill the capped media box cleanly */
body.template-page-available-cows .image-with-text__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Safety: long text can't shove into the image column */
body.template-page-available-cows .image-with-text__content{
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Mobile */
@media (max-width: 990px){
  body.template-page-available-cows .image-with-text{
    margin-bottom: 40px !important;
  }

  body.template-page-available-cows .image-with-text__media{
    height: 260px !important;

  /* Intro block spacing */
.available-calves__intro{
  margin-bottom: 80px; /* space below top button before first animal */
}

/* Make center alignment actually center everything nicely */
.available-calves__intro.content-center{
  text-align: center;
}

.available-calves__intro.content-center .available-calves__subheading{
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
}

.available-calves__intro.content-center .available-calves__top-cta .button{
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

/* ===== FORCE SOLD BADGE OVERLAY (Available Calves) ===== */
body.collection-mini-jerseys .available-calves__media-wrap{
  position: relative !important;
  display: block !important;
}

body.collection-mini-jerseys .available-calves__media-wrap > a{
  display: block !important;
}

body.collection-mini-jerseys .available-calves__badge{
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 9999 !important;

  /* basic “pill” style so it’s never purple/underlined */
  background: rgba(255,255,255,.92) !important;
  border: 2px solid rgba(0,0,0,.25) !important;
  color: #111 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* Available Calves — use theme Sold Out badge + overlay it on the image */
.available-calves .image-with-text__media {
  position: relative; /* required for absolute badge positioning */
}

.available-calves .price__badge-sold-out{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
  line-height: 1;
  pointer-events: none; /* so clicking image still works */
}

/* ==========================================
   SOLD BADGE — match product page styling
   ========================================== */

/* Ensure image wrapper is positioning context */
.available-calves .image-with-text__media {
  position: relative !important;
}

/* Sold badge overlay */
.available-calves .price__badge-sold-out {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 20 !important;

  background-color: #f5f2eb !important;
  color: #111 !important;

  border: 2px solid #111 !important;
  border-radius: 10px !important; /* less rounded than pill */

  padding: 8px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;

  pointer-events: none !important;
}