/** Shopify CDN: Minification failed

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

**/
.tabs-navigation-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	list-style: none;
	padding: 1rem 0 0;
	margin-top: 0;
	border-bottom: .1rem solid rgb(var(--border-color));
}

.tabs-navigation-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    margin-right: 3rem;
    margin-left: 3rem;
    max-width: calc(100% / 6 - 5rem);
    flex-shrink: 0;
}

.tabs-navigation-item:first-child {
    margin-left: 0;
}

.tabs-navigation-item:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1280px) {
    .tabs-navigation-item {
        margin-right: 1rem;
        margin-left: 1rem;
        max-width: calc(100% / 6 - 2rem);
    }
}

@media screen and (max-width: 1023px) {
    .tabs-navigation-item {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        max-width: calc(100% / 6);
    }
}

@media screen and (max-width: 1023px) {
    .tabs-navigation-list {
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content: flex-start;
        padding-bottom: .2rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .tabs-navigation-list::-webkit-scrollbar {
        display: none;
    }

    .tabs-navigation-item {
        margin-right: 1rem;
        margin-left: 1rem;
        max-width: calc(100% / 4 - 15px);
    }

    .tabs-navigation-item.scroll {
        margin-right: 0;
        margin-left: 0;
        max-width: calc(100% / 4 - 1.2rem);
    }
}

@media screen and (max-width: 549px) {
    .tabs-navigation-item {
        max-width: calc(100% / 2.5 - 1.2rem);
    }

    .tabs-navigation-item.scroll {
        margin-right: 1rem;
        margin-left: 1rem;
        max-width: calc(100% / 2.5 - 1.2rem);
    }

    .tabs-navigation-item.scroll:first-child {
        margin-left: 0;
    }

    .tabs-navigation-item.scroll:first-child {
        margin-right: 0;
    }
}

.tabs-navigation-item p {
    color: rgb(var(--color-prod-preview-price));
    transition: all .3s ease;
    word-break: break-word;
}

.tabs-navigation-item.active p,
.tabs-navigation-item:hover p {
    color: rgb(var(--color-general-heading));
}


.tabs-navigation-item.active:after {
	content: '';
	position: absolute;
	bottom: -.2rem;
	right: 0;
	left: 0;
	width: 100%;
	height: .3rem;
}

.active-color-main .tabs-navigation-item.active:after {
	background-color: rgb(var(--color-general-heading));
}

.active-color-link .tabs-navigation-item:hover p,
.active-color-link .tabs-navigation-item.active p {
	color: rgb(var(--color-hover-link));
}
.active-color-link .tabs-navigation-item.active:after {
	background-color: rgb(var(--color-hover-link));
}

.tabs-navigation-list .item-media {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 20px 20px;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .tabs-navigation-list .item-media {
        margin: 0;
    }
}

.tabs-navigation-list .item-media img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.tabs-products-wrapp .products-list {
    display: none;
    padding: 2.8rem 0 0;
		margin: 0;
    list-style: none;
    flex-wrap: wrap;
}

.tabs-products-wrapp .products-list.active {
	display: grid;
}

.tabs-products-wrapp .card-blog-placeholder .card__text {
    text-align: center;
}

.tabs-products-wrapp li.button-full-width {
    width: 100%;
}

.tabs-products-wrapp li.button-full-width a {
    margin: 0 auto;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
	.tabs-products-wrapp .col-md-3 .button-full-width {
		grid-column: span 3;
	}
	.tabs-products-wrapp .col-md-2 .button-full-width {
		grid-column: span 2;
	}
}

@media screen and (min-width: 990px) {
	.tabs-products-wrapp .col-lg-4 .button-full-width {
		grid-column: span 4;
	}
	.tabs-products-wrapp .col-lg-3 .button-full-width {
		grid-column: span 3;
	}
	.tabs-products-wrapp .col-lg-2 .button-full-width {
		grid-column: span 2;
	}
}

.products-list .card__inner {
    position: relative;
}

.products-list .card--text-only .card__inner {
    display: block;
    max-height: 25.7rem;
}

.products-list .card--text-only .card__badge,
.products-list .card__badge {
	position: absolute;
	top: 2rem;
	left: 2rem;
	width: calc(100% - 6rem);
	gap: 1rem 2rem;
}
.products-list .card--text-only .card__badge .badge,
.products-list .card__badge .badge {
	margin: 0;
}

.collection-tabs-wrapper .ab-price.price {
    color: rgb(var(--color-prod-preview-price));
    margin-top: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.collection-tabs-wrapper .card-information__wrapper > *:not(.visually-hidden:first-child) + .ab-price:not(.rating) {
    margin-top: 2rem;
}

.collection-tabs-wrapper .ab-price.price .price-item {
	font-size: 1.6rem;
}

.collection-tabs-wrapper .card-information {
    margin-top: 2rem;
}

.collection-tabs-wrapper .card+.card-information {
    margin-top: 2rem;
}

.style-4.products-list {
	padding-top: 1.4rem;
}

@media screen and (max-width: 1023px) {
	.style-4.products-list .collection__item {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 749px) {
  /* 1. Forces the product text blocks to take up 100% card width, unjumbling the text entries */
  .collection-tabs-section .card-information__text,
  .collection-with-tabs .card-information__text,
  [class*="tabs"] .card-information__text,
  [class*="tabs"] .card__heading {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    flex: 1 1 100% !important;
  }

  /* 2. Forces the price layout boxes to cleanly drop directly below your title text elements */
  .collection-tabs-section .price,
  .collection-with-tabs .price,
  [class*="tabs"] .price {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-top: 8px !important;
    clear: both !important;
  }

  /* 3. Breaks the row element out of the side-by-side product grid columns safely */
  li.button-full-width {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
    clear: both !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* 4. Keeps your brown block button container perfectly centered across the mobile screen */
  .custom-mobile-center-row {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-top: -30px !important;    /* Tight vertical gap under the unjumbled bottles */
    margin-bottom: -50px !important; /* Pristine gap above your lower banner border line */
  }

  /* 5. Aligns the internal text line parameters within the physical button block */
  .custom-mobile-center-row a {
    display: inline-flex !important;
    white-space: nowrap !important;
    width: max-content !important;
    min-width: 250px !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 749px) {
  /* 1. Forces the entire info text box under each bottle to center completely */
  .collection-tabs-section .card-information,
  .collection-with-tabs .card-information,
  [class*="tabs"] .card-information,
  [class*="tabs"] [class*="information"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* 2. Centers the wine names and descriptions cleanly under the bottles */
  .collection-tabs-section .card__heading,
  .collection-with-tabs .card__heading,
  [class*="tabs"] .card__heading,
  [class*="tabs"] .card-information__text {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
  }

  /* 3. Snaps the main price container to the center */
  .collection-tabs-section div.price,
  .collection-with-tabs div.price,
  div[class*=tabs] div.price {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 8px auto 0 auto !important;
    float: none !important;
    clear: both !important;
  }

@media screen and (max-width: 749px) {
  /* 1. Removes the thin beige divider line below the collection tab header menu */
  .collection-tabs-section ul.tabs,
  .collection-with-tabs ul.tabs,
  [class*="tabs"] ul,
  .tabs-nav-wrapper,
  div[class*="tabs"]::after {
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* 2. Forces the wine titles and prices to layer on top of the overlapping button box */
  .collection-tabs-section .card-information,
  .collection-with-tabs .card-information,
  [class*="tabs"] .card-information {
    position: relative !important;
    z-index: 10 !important;
    background: transparent !important;
  }

  /* 3. Ensures the brown button container stays safely underneath the text layer */
  .custom-mobile-center-row {
    z-index: 1 !important;
  }
}
@media screen and (max-width: 749px) {
  /* 3. Strictly hides the duplicate price containers and screen-reader elements */
  .price .visually-hidden,
  .price__unit,
  .price--on-sale .price__regular,
  .price:not(.price--on-sale) .price__sale {
    display: none !important;
  }
}