/** Shopify CDN: Minification failed

Line 468:3 Cannot use type selector "--next" directly after nesting selector "&"
Line 2522:11 Expected identifier but found whitespace
Line 2522:12 Unexpected "40px"
Line 3165:0 Expected "}" to go with "{"

**/

@font-face {
    font-family: 'TTRamillas-Bold';
    src: url('/cdn/shop/files/TTRamillas-Bold.woff2?v=1744595078') format('woff2'),
         url('/cdn/shop/files/TTRamillas-Bold.woff?v=1744595077') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
 

:root {
    --LAYOUT-OUTER: 30px;
    --PRODUCT-GRID-ASPECT-RATIO-SLIDER: 138.19%;
    --brand-primary: #CBBE9D;
    --brand-secondary: #F7F5F0;
    --brand-tertiary: #F2EEE6;
    --border-brand: #A3A3A3;
    --text-primary: #323232;
    --text-tertiary: #C0C1C5;
    --text-secondary: #848487;
    --text-sale: #B93443;
    --bg-brand-secondary: #F4F4F4;
    --bg-sale: #D3373A;
    --FONT-STACK-HEADING: 'TTRamillas-Bold', serif;
    --font-body-small: 14px;
    --font-body-large: 18px;
    --font-body-medium: 16px;
    --FONT-HEADING-X-LARGE: 60px;
    --FONT-HEADING-LARGE: 52px;
    --FONT-HEADING-MEDIUM: 40px;
    --FONT-HEADING-SMALL: 24px;
    --FONT-HEADING-SMALL-MOBILE: 24px;
    --FONT-HEADING-X-SMALL: 18px;
    --FONT-HEADING-MINI: 16px;
    --content-max: 1200px;
    overflow-x: hidden
}

body {
  overflow-x: hidden;
}

strong{
  font-weight: 600;
}

.navlink{
  text-transform: uppercase;  
}

.btn{
  font-weight: 500;
  padding: 12px 24px;
  min-width: 160px;
  width: auto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.36px;
}

/* Global */
input::placeholder,
input::-ms-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: var(--COLOR-TEXT-A80) !important;
  opacity: 1 !important;
}

.field::placeholder,
.field:-webkit-autofill,
.field:-webkit-autofill:hover,
.field:-webkit-autofill:focus,
.field:-webkit-autofill:active {
  -webkit-text-fill-color: #A7A8A9;
}


/** Hero Banner **/
.hero-banner .hero__content__wrapper.frame__item {
    width: 1200px;
    max-width: 100%;
    margin: auto;
}


@media(max-width:768px){
  .hero-banner .hero__content__wrapper.frame__item {
    width: 100%;
    max-width: 100%;
}
}

.hero-banner.text-bg .hero__content
{
padding: 80px 80px 80px 80px !important;
}

/** Testimonials **/
.testimonials .slider__button {
  opacity: 1 !important;
  background: #B36924;
}

.testimonials .slider__button:before{
background: #fff;
}

.testimonials .slider__button:hover:before{
background: #000;
}

.testimonials .slider__button:disabled{
  opacity: 1 !important;
}

.testimonials .column__image{
  display:none;
}

.testimonials .grid--slider .grid-item{
max-width: 345px !important;
margin-right: 50px;
}

.testimonials{
  padding-bottom:200px !important;
}

.testimonials .slider__arrows{
  overflow: visible;
  top: auto;
  bottom: -70px;
  width: 170px;
  margin: auto;
}

.wine-slider .grid--slider .grid-item {
  margin-right:120px;
}

@media only screen and (max-width: 750px) {
.wine-slider .grid--slider .grid-item {
   margin-right: 20px;
   padding-left: 20px;
  }
}

.wine-slider .column__heading {
  writing-mode: vertical-rl;
  color: #212121;
  transform: rotate(180deg); 
  font-family: 'Poppins';
  font-size: 18px; 
  font-weight: bold; 
  position: absolute;
  left: -30px;
  top: 4%;
  transform-origin: center; 
}

.contain-image-text .image__fill img{
  object-fit: contain;
}

.contain-image-text .brick__block__text{
  padding: 0px;
}

.three-text-grid .grid {
  gap: 100px;
}

.three-text-grid .column__heading {
  writing-mode: vertical-rl;
  color: #212121;
  transform: rotate(180deg); 
  font-family: 'Poppins';
  font-size: 16px; 
  font-weight: 600; 
  position: absolute;
  left: -30px;
  top: 0%;
  transform-origin: center; 
}

.three-text-grid .column__btn {
  margin-top: 40px;
}

.column-no-image .image-wrapper{
  display: none;
}

.column-no-image .grid-item{
  padding: 0px 35px;
}

.column-no-image .grid{
  gap: 0;
}

.column-no-image .grid-item:first-child{
  border-right: 1px solid #B36924;
}

.column-no-image .grid-item:nth-child(2){
  border-right: 1px solid #B36924;
}


@media only screen and (min-width: 1500px) {
    .our-team .grid--slider {
        --item-width: calc((100vw - var(--scrollbar-width) - var(--outer) * 2) * .20) !important;
    }
}

.slider__button{
  background: #B36924;
  --bg-brighter: #1D0D01;
}

.slider__button:before{
  background: #fff;
}

/* Header */
.header__desktop__button .navlink {
  .icon {
    margin-right: 10px;
    width: 14px;
    height: 14px;
    fill: #fff;
    stroke-width: 0.1px;
  }

  .navtext {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.32px;
  }
}

.parent .header__dropdown {
  top: 65%;
  margin-left: 15px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  background: #fff;
}

.header__menu {
  .navlink {
    &.navlink--toplevel {
      svg {
        margin-left: 6px; 
      }
    }
  }

  .menu__item.child svg {
    display: none;
  }
}

header-component.header__wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 5600;
}

.js__header__stuck .header__menu .navlink.navlink--toplevel svg {
  fill: #000;

  path {
    fill: #000;
  }
}

/* Header - Mobile */
mobile-menu {
  .header__logo__link {
    margin: 0 auto;
  }

  .drawer--header .drawer__close {
    position: absolute;
    left: 20px;
    top: 33px;
  }
}

header-component.header__wrapper.js__header__stuck {
  .header__desktop__button .navlink .icon,
  .header__cart__status__holder .icon {
    fill: #000;
    stroke: #000;
  }
}

@media (max-width: 989px) {
  .header__mobile__button.customer {
    display: none;
  }

  .header__cart__status__holder .icon {
    fill: #fff;
    stroke-width: 0.1px;
  }

  .drawer--header.is-open {
    .header__cart__status__holder .icon,
    .header__desktop__button .navlink .icon {
      fill: #000;
      stroke: #000;
    }

    .drawer__menu {
      padding-top: 20px;
    }

    .sliderule__wrapper .sliderow__title,
    .header__desktop__button .navlink {
      padding-left: 20px;
    }

    .sliderow__title {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; 
      letter-spacing: -0.32px;
      text-transform: uppercase;
    }

    .sliderule__chevron.sliderule__chevron--right {
      svg {
        font-size: 12px;
        width: 12px;
        height: 6px;
      }

      path {
        fill: #574320; 
      }
    }
  }
  
  .header__mobile__button.cart-mobile {
    position: absolute;
    top: 0;
    right: 20px;
  }

  .header__cart__status__holder .header__cart__status {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2px;
    right: -8px;
    min-width: 17px;
    height: 17px;
    border-radius: 15px;
    padding: 2px;
    color: var(--bg);
    background: var(--accent);
    font-size: calc(0.627 * var(--FONT-SIZE-NAV));
    line-height: var(--FONT-SIZE-NAV);
  }
  
  .header__cart__status__holder .header__cart__status[data-cart-count="0"] {
    display: none;
  }

  .drawer--header .drawer__head {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
  }
}

header-component:not([data-header-transparent]) {
  .header__cart__status__holder .icon,
  .header__desktop__button icon,
  .header__desktop__button .navlink .icon {
    fill: #000;
    stroke: #000
  }
}

/* Sections */
.index-tab-collections {
  .tab-content {
    max-width: 1272px;
    width: 100%;
    margin: 0 auto;
  }

  .grid {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 750px) {
  .brick__slider--optional-images:has(.brick__block--three-quarters) {
    .flickity-page-dots {
      width: 74%;
      bottom: 50px;
      right: 60px
    }
  }
}

.flickity-page-dots {
  .flickity-page-dot {
    height: 3px; 
    width: 20px;
    background: #fff;
    opacity: 1;
    border: 0;
    border-radius: 10px;

    &.is-selected {
      background: #B36924;
      border: 0
    }
  }
}

.slideshow .wrapper--full .flickity-page-dots {
  max-width: max-content;
  margin: unset;
  margin-left: auto;
  margin-right: 0;
  left: unset;
  right: 70px;
  bottom: 50px;
  padding: 0;
}

/* Slider Button */
.flickity-prev-next-button,
.slider__button {
  transform: unset !important;
  border: 1px solid #B36924;

  &:before {
    mask-size: inherit;
    width: 14px;
  }

  &:disabled {
    opacity: 0.5 !important;
    visibility: visible;
  }

  &--next {
    background: url('icon-arrow-right-line.svg') no-repeat center center;
  }

  &:hover {
    background: #fff;

    &:before {
      background: #B36924;
    }
  }
}

/* Testimonials */
.testimonials {
  .slider__arrows {
    width: 156px;
  }
}

/* Grid Slider */
grid-slider {
  .grid-slider__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    column-gap: 16px;

    .grid-slider__pagination-dot {
      width: 40px;
      height: 3px;
      background: #FFF0E4;
      border-radius: 15px;

      &.is-active {
        background: # ;
      }
    }
  }
}

/* Wine slider */
.wine-slider .wrapper {
  max-width: unset;
  width: 100%;
  padding: 0;

  .grid--slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-left: 50%; /* Initial left padding to center the first slide */
    padding-right: 50%; /* Initial right padding */
    margin-left: -50%; /* Adjust margin to align the start */
  }
  
  .grid--slider > * {
    scroll-snap-align: center;
    flex: 0 0 auto;
    width: 100%; /* Each item takes full width within the scrolling container */
  }
  
  /* Adjust padding for the very first and last items */
  .grid--slider > :first-child {
    margin-left: 0; /* No extra left margin for the first item */
    padding-left: 0;
  }
  
  .grid--slider > :last-child {
    margin-right: 0; /* No extra right margin for the last item */
    padding-right: 0;
  }
}

/* Pre-footer */
#insta-feed {
  background: #F2F2F2;

  .instafeed-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; /* Optional spacing */
  }
  
  .instafeed-heading-wrapper h2 {
    margin: 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; 
    letter-spacing: -0.8px;
  }
  
  .instafeed-heading-wrapper a {
    margin-left: auto;
  }
  
  a.btn {
    background: var(--BTN-PRIMARY-BG) !important;
      --btn-border: var(--BTN-PRIMARY-BG) !important;
      --btn-bg: var(--BTN-PRIMARY-BG) !important;
      --btn-text: var(--BTN-PRIMARY-TEXT) !imporatnt;
      --btn-border-hover: var(--BTN-PRIMARY-BG-BRIGHTER) !important;
      --btn-bg-hover: var(--BTN-PRIMARY-BG-BRIGHTER) !important;
      --btn-text-hover: var(--BTN-PRIMARY-TEXT) !important;
    color: #fff;
    text-align: center !important;
    padding: 12px 24px;
    min-width: 160px;
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.36px;
    z-index: 1;
  }

  .instafeed-heading-wrapper,
  .instafeed-new-layout-container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
  }

  .instafeed-heading-wrapper {
    margin-top: 120px;
    margin-bottom: 53px;
  }

  .instafeed-new-layout-container {
    margin-bottom: 120px;
  }

  .instafeed-new-layout-item {
    clip-path: unset !important;
    width: 100% !important;
    height: 220px !important;
  }
}
 
/* Footer */
footer {
  &.site-footer-wrapper {
    padding-bottom: 0;
  }

  .footer__blocks {
    max-width: 1270px;
    width: 100%;
    margin: 0 auto 40px; 
  }

  .section-footer-two-col-text__content {
    display: flex;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 240, 228, 0.25);
    padding: 40px 0;

    p {
      margin: 0;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; 
      letter-spacing: -0.24px;
      opacity: 0.3;
    }

    .first {
      padding-right: 40px;
      border-right: 1px solid rgba(255, 240, 228, 0.25);
    }

    .second {
      margin-left: 40px;
    }
  }

  .footer__quicklinks li {
    margin-bottom: 8px;

    a {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; 
      letter-spacing: -0.32px;
    }
  }

  .footer__block--newsletter {
    background: #432406;
    margin-left: auto;
    padding: 32px 40px;

    .footer__block__title {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px; 
      letter-spacing: -0.32px;
      margin-bottom: 20px;
      display: block;
    }

    .newsletter-form .input-group__field {
      color: #63666A;
      background: #fff;
      padding: 16px;
      appearance: unset; 
      box-sizing: border-box;
      width: 100%;
      border: 1px solid #ccc;
    }

    .newsletter-form .input-group__field { 
      --text-a80: #63666A;
    }
    
    .newsletter-form .input-group__field::placeholder,
    .newsletter-form .input-group__field::-ms-input-placeholder,
    .newsletter-form .input-group__field::-moz-placeholder,
    .newsletter-form .input-group__field:-ms-input-placeholder {
      color: var(--COLOR-TEXT-A80) !important;
      opacity: 1 !important;
    }

    .newsletter__submit {
      background: #B36924;
      padding: 18px;

      span {
        display: none;
      }

      svg {
        stroke: unset;
        width: 14px;

        path {
          fill: #fff;
        }
      }
    }

    .footer__newsletter__text {
      margin: 20px 0 0;

      p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; 
        letter-spacing: -0.28px;
      }
    }

    .newsletter-form .input-group {
      max-width: 248px;
    }

    .footer__newsletter__text {
      max-width: 254px;
    }
  }

  .footer__block--text {
    .socials--newsletter,
    .footer__block__image {
      margin-bottom: 40px;
    }
  }
  
  @media (min-width: 768px) {
    .footer__block__title {
      span {
        display: none;
      }
    }

    .footer__block--newsletter {
      max-width: 381px;
      width: 100%;
    }
  }
}

/* Blogs */
#blog-categories {
  display: flex;
  margin: 0 auto;
  justify-content: center;

  li {
    list-style-type: none;
    margin: 120px 0;
    padding: 0 60px;
    position: relative;
    border-right: 1px solid #000; 

    &:last-of-type {
      border-right: 0;
    }
  }

  a {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; 
    letter-spacing: -0.8px;
    font-family: var(--FONT-STACK-HEADING);
    color: #000;

    &.current {
      border-bottom: 2px solid #B36924;
    }
  }

  + .blog__title {
    display: none;
  }
}

/* Blog Post */
section[data-section-type="article"] {
  .article__hero {
    .wrapper {
      display: flex;
      align-items: center;
      position: relative;

      .socials {
        position: absolute;
        right: 20px;
        top: 38%;
      }

      &.share {
        padding-right: 80px;
      }
    }

    .back-link {
      position: absolute;
      left: 30px;
      top: 0;

      span {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.32px;
        text-transform: uppercase;
        color: #212121;
        margin-left: 6px;
      }
    }

    .article__image,
    .content {
      width: 50%;
      padding: 0;
      margin: 0;
    }

    .article__title {
      font-size: 44px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px; 
      letter-spacing: -0.88px;
      text-align: left;
      margin-bottom: 32px;
    }

    p.article__meta,
    .time {
      display: block;
      text-align: left;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px; 
      letter-spacing: -0.32px;
      color: #000;
      text-transform: uppercase;  
    }

    .image__fill img {
      object-fit: cover;
    }
  }

  .socials {
    display: flex;
    flex-direction: column;

    &.mobile {
      display: none;
    }

    > * {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000;
      width: 40px;
      height: 40px;
      margin-bottom: 8px;
    }

    share-button {
      .sharing-button__text {
        display: none;
      }

      svg {
        fill: #fff;
      }
    }
  }

  .contact-block {
    margin: 32px 0;
    text-align: left;
    max-width: 400px;
    width: 100%;

    li {
      list-style-type: none;

      &.buttons {
        margin-top: 32px;
      }

      .book-now {
        margin-right: 16px;
      }
    }
  }

  .article__content__wrapper {
    width: 90%;
  }
  
  .article__content {
    p {
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px; 
      letter-spacing: -0.36px;
    }

    h1, h2, h3, h4, h5, h6 {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
    }
  }

  article aside {
    display: flex;

    small {
      position: relative;
      padding-left: 30px;
      width: calc(50% - 50px);

      .btn span {
        left: -30px;
        padding: 0;
      }
    }

    .left {
      margin-left: auto;
    }

    .image-wrapper {
      height: 300px;

      img {
        object-fit: cover; 
      }
    }

    .btn {
      padding: 0;
      width: 100%;
      max-width: unset;
      text-align: left;

      span {
        height: 100%;
        text-align: right;
        writing-mode: vertical-rl;
        color: #212121;
        transform: rotate(180deg);
        font-family: 'Poppins';
        font-size: 18px;
        font-weight: 600;
        position: absolute;
        top: 0;
        transform-origin: center;
        text-transform: uppercase;
      }
    }

    h4 {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
      letter-spacing: -0.56px;
      margin: 16px 0;
    }

    strong {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px; 
      letter-spacing: -0.28px;
    }

    .rte {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; 
      letter-spacing: -0.28px;
      margin-top: 8px;
      text-transform: none;
    }
  }

  .separator {
    height: 80px; 
    width: 1px; 
    background-color: #B36924; 
    margin: 100px auto;
  }
}

/* Read more */
.column__text.rte.column__text--read-more {
  max-height: 150px;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

.column__read-more {
  display: inline;
  text-decoration: none;
  cursor: pointer;
  padding: 0 0 5px;
  color: var(--link);
  line-height: normal;
  background: linear-gradient(to right, currentColor, currentColor);
  background-size: 100% 1px;
  background-position: 50% 86%;
  background-repeat: no-repeat;
  transition: color 0.25s ease-in, background-size 0.25s ease-in;

  &:hover {
    background-size: 0% 1px;
  }
}

.column__text.rte.column__text--read-more {
  position: relative;
}

.column__text--read-more.expanded {
  max-height: none !important; /* allow full height after JS sets it */
}

.column__text.rte.column__text--read-more::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to bottom, transparent, white); /* adjust color as needed */
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.column__text.rte.column__text--read-more.expanded::after {
  opacity: 0;
}

.read-more-content {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.read-more-content.truncated {
  max-height: 100vh;
  opacity: 1;
}

.read-more-content.full {
  max-height: 0;
  opacity: 0;
}

.read-more-btn,
.read-less-btn {
  color: #9B5B1A;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  margin-left: 2px;
}


.faq-list__item-content {
  &.expanded {
    .read-more-content.truncated {
      max-height: 0;
      opacity: 0;

      &.read-more-content-truncated {
        max-height: 100vh;
        opacity: 1;

        .read-more-content.full .metafield-rich_text_field {
          display: block;
        } 
      }
    }

    .metafield-rich_text_field {
      display: none;
    }

    .read-more-content.full {
      max-height: 100vh; 
      opacity: 1;
    }
  }
}


/* Slick Slider - Centered Slider */

.slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick-track {
  display: flex;

  .slick-slide img {
    height: 260px;
  }
}

.centered-slider .slick-track .slick-slide img {
  height: auto;
}

.centered-slider__items,
.slider-image-with-text__items {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.centered-slider__items.slick-initialized,
.slider-image-with-text__items.slick-initialized {
  opacity: 1;
}

.slick-slide {
  height: 100%;
  position: relative;

  .title {
    writing-mode: vertical-rl;
    color: #212121;
    transform: rotate(180deg);
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    left: -30px;
    top: 4%;
    transform-origin: center;
    text-transform: uppercase;
  }
}

.slick-dots {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  bottom: unset;
  top: 600px;
}

.slick-dots li button:before {
  opacity: 1;
  content: '';
  width: 40px;
  height: 3px;
  background: #FFF0E4;
  border-radius: 20px;
}

.slick-dots li.slick-active button:before {
  background: #B36924;
}

.centered-slider {
  margin: 60px auto;
}

.slick-dotted.slick-slider {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .centered-slider {
    margin: 120px auto;

    .slick-track .slick-slide {
      img {
        padding: 0 60px; 
      }
    }

    .slick-dotted.slick-slider {
      margin-bottom: 0; 
    }
  }

  .slick-track .slick-slide {
    img {
      height: auto;
    }
  }

  .slick-slide.slick-center {
    &.slick-current {
      .title {
        left: 30px;
      }
    }

    img {
      object-position: top;
    }
  }

  .slick-dotted.slick-slider {
    margin-bottom: 120px; 
  }

  /* Klaviyo Form */
  body#news,
  body#events {
    .klaviyo-form.klaviyo-form-WcnNue {
      .needsclick {
        flex-direction: unset !important;
        flex-wrap: wrap;
        justify-content: unset !important
      }

      div[data-testid="form-row"]:first-of-type {
        width: 100%; 

        * {
          width: 100%;
        }
      }

      div[data-testid="form-row"] + div[data-testid="form-row"] {
        min-width: 160px
      }
    }
  }
}

@media (max-width: 767px) {
  .slick-slide {
    .title {
      font-size: 14px;
      left: 9px
    }
    
    img {
      padding: 0 20px 0 38px;
    }
  }

  .slick-dots {
    bottom: -50px;
  } 
}

.centered-slider .slick-slide:not(.slick-current) {
  .centered-slider-item__content {
    opacity: 0;
    transform: 0.5s ease, opacity 0.5s ease
  }
}

.centered-slider-item__content {
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 100px auto 0;
  padding: 0 25px;

  .heading-regular {
    font-size: 28px;
  }

  .read_more {
    margin-left: 5px;
    height: auto;
    transition: height 0.5s ease, opacity 0.5s ease;
  }

  .hero__rte + .btn {
    margin-top: 10px;
  }
}

.centered-slider__header {
  text-align: center;
  max-width: 960px;
  width: 100%;
  margin: 120px auto;
  padding: 0 30px;
}

.centered-slider-item__content-read-more,
.faq-list__item-content-read-more {
  p {
    height: auto;
    transition: height 0.5s ease, opacity 0.5s ease;
  }

  p:not(:first-of-type) {
    display: none;
    height: 0;
  }
}

.centered-slider-item__content:not(.centered-slider-item__content-read-more),
.faq-list__item-content:not(.faq-list__item-content-read-more) {
  .read_more {
    display: none;
    height: 0; 
    transition: height 0.5s ease, opacity 0.5s ease;
  }
}

/* Product */
.accordion__content {
  .faq-list {
    justify-content: normal;
    column-gap: 30px;
  }
}

.tasting-notes-meta {
  margin: 60px auto;

  label {
    margin-right: 12px;
  }

  label,
  select {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: -0.32px;
    text-transform: uppercase;
  }

  select {
    background-size: 14px auto;
    border: 1px solid #B36924;
    padding: 12px 43px 12px 20px;
    max-width: 179px;
    width: 100%;
  }
}

/* Product Card */
.toggle-ellipsis__actions {
  .caps--link {
    color: #9B5B1A;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
  }
}

.product-item {
  .product-item__image {
    height: 400px;

    img {
      object-fit: contain;
    }

    form,
    .quick-add__holder {
      height: 100%;

      .svg-loader circle~circle {
        stroke: #fff;
      }

      .mobile-only {
        display: none;
      }
    }

    .mobile-overlay-click {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 30%;
      height: 100%;
      z-index: 1;
    }

    ul.details {
      height: calc(100% - 52px);
      margin: 0;
      padding: 40px;

      &.available {
        background: #ffffff4a; 
        pointer-events: none;
      }

      li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 32px;

        &::last-of-type {
          margin-bottom: 0;
        }

        .item {
          display: flex;
          flex-direction: column;
          text-align: left;
          margin-left: 20px;

          strong {
            font-size: 14px;
          }

          span {
            font-size: 14px;
          }
        }

        .varietal {
          width: 26px;

          + .item {
            position: relative;
            left: 2px;
          }
        }
      }
    }
  }

  .quick-add__button {
    color: #fff;
    background: #B36924;
    padding: 12px 24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.36px;
  }
}

.product-item__image:not(.image--empty):hover .product-link:before {
  content: '';
  width: 100%;
  height: calc(100% - 52px);
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}

/* Tabs Collection */
.tabs-collections {
  .product-item__image {
    background-color: #F2F2F2;
    height: 400px;

    img {
      height: 340px;
      top: 30px; 
    }
  }

  .product-item__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin: 20px 0 12px;
  }

  .price {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.36px;
  }

  .grid {
    + a {
      padding: 12px 24px;
      text-align: center;
      margin: 0 auto; 
      display: flex;
      justify-content: center;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px; 
      letter-spacing: -0.36px;
      max-width: max-content;
      width: 100%;
      text-transform: uppercase;
      min-width: 160px;
      margin-top: 80px;
    }

    + a:after {
      display: none;
    }

    + a.btn--solid {
      background: #B36924;
      color: #fff;
      font-size: 16px;
    }
  }
}

/* Accodrion */
.accordion {
  border-top: 1px solid #B36924;
  border-bottom: 1px solid #B36924;

  * {
    font-family: var(--FONT-STACK-NAV)
  }

  .accordion__title {
    font-weight: 600;

    .icon {
      stroke: #B36924;
    }
  }

  .accordion__content {
    padding-bottom: 16px;
  }

  .faq-list__item,
  .faq-list__item-description {
    margin-top: 0;
    padding-top: 0;
  }

  .faq-list__item {
    margin-bottom: 44px;
    padding-bottom: 0;
    display: flex;
  }

  .faq-list__item-title {
    font-weight: 600;
    margin-bottom: 0;
  }

  .faq-list__item.faq-list__item--row-title {
    flex-basis: 100%;
    margin-bottom: 10px;

    .faq-list__item-row-title {
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px; 
      letter-spacing: -0.36px;
    }
  }

  .faq-list__item-icon .icon__animated {
    padding-bottom: 0;
    margin-top: 20px;
    margin-right: 12px;
  }
}

/* Accordion Group */
.accordion-group {
  .faq.wrapper.two-col {
    details.accordion {
      border: 0;

      .accordion__title {
        padding: 16px 0;
      }
    }
  }
}

/* PLP */
collection-component {
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 60px 70px;
}

.collection__sidebar__slider#filter-groups {
  border: 0;
  padding-left: 0;
  padding-top: 0;

  .collection__sidebar {
    padding-top: 60px;
    padding-left: 0;
  }

  .filter-group {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #B36924;

    &:last-of-type {
      border-bottom: 0; 
    }
  }

  .filter-group__heading {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; 
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-bottom: 0;
    border: 0;

    .icon {
      stroke: #B36924;  
    }
  }
}

.collection__nav {
  border: 0;

  button[aria-controls="filter-groups"],
  .popout__toggle--filters {
    display: none;
  }

  .popout--sort .popout__toggle {
    border: 0;
    padding: 0;
  }

  .collection__title {
    margin-right: auto;
  }

  .popout--sort,
  .hero__title {
    margin-bottom: 60px;
  }

  .popout__toggleable-text span,
  .popout__toggle__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: -0.32px;
  }

  .popout__toggle .icon-nav-arrow-down {
    stroke: #B36924;
  }


  .hero__title {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; 
    letter-spacing: -0.8px;
  }

  .hero__description p {
    margin-bottom: 16px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: -0.36px;
  }
}

/* PDP */
.product__wrapper .product__wrapper__inner {
  max-width: 1160px;
}

product-images.product__images {
  .product__photo {
    background: #F2F2F2;
    
    img {
      padding: 80px 40px;
      object-fit: contain;
    }
  }
}

.template-product .accordion-section .wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

.faq-list.awards {
  width: 100%;
}

p.italic {
  font-style: italic;
}

.faq-list__item-content-read-more {
  .read_more {
    margin-left: 5px
  }
}

/* Wine club | text column */
.three-text-grid {
  .column__inner {
    padding-bottom: 93px;
  }

  .grid-item,
  .column__inner {
    height: 100%;
  }

  .wrapper {
    padding-left: 50px;
  }

  .column__btn {
    position: absolute;
    bottom: 0;
  }
}

/* Contact page */
[data-section-type="contact"] {
  .wrapper--narrow {
    display: flex;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;

    &.right-content {
      flex-direction: row-reverse;
      justify-content: space-between;

      .index-contact {
        margin-right: 0;
        margin-left: 100px;
      }
    }

    .index-contact {
      max-width: 400px;
      margin-right: 100px;

      h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; 
        letter-spacing: -0.56px;
      }
      
      .index-contact__left__text {
        margin-bottom: 52px;
      }
    }

    .contact-form-content {
      max-width: calc(100% - 500px);

      .contact__form__heading {
        text-align: left;
      }
    }
  }

  #contact-us-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    .custom-form__block {
      width: 100%;

      &.email,
      &.telephone {
        width: calc((100% - 16px) / 2);
      }

      input, select, .has-value, textarea {
        color: #212121;
        border: 1px solid #B36924;
        padding: 12px 20px;
      }

      select, .select-placeholder {
        color: #A7A8A9;
      }
    }

    &[data-hcaptcha-bound="true"] select {
      
    }
  }
}

/* Section slider image with text */
.slider-image-with-text {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0;

  .slick-track .slick-slide {
    padding: 0 70px;
  }

  .slider-image-with-text__header {
    text-align: center;
    margin-bottom: 80px;
  }

  .slider-image-with-text__items {
    position: relative;
    padding: 0 60px;
    text-align: center;
  }

  .slick-slide {
    position: relative;

    img {
      object-position: top;
      height: 400px;
      padding: 0;
    }

    .slider-image-with-text-item__hover-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 1);
      opacity: 0;
      transition: opacity 1s ease;
      overflow-y: auto;
      padding: 40px;

      .icon--close {
        display: none;
      }

      &:hover {
        opacity: 0.8;
      }

      p {
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; 
        letter-spacing: -0.32px;
        text-align: center;
      }
    }
  }

  .hero__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.56px;
    margin: 16px 0 8px;
  }

 
  .slider__button--prev {
    left: 20px;
  }

  .slider__button--next {
    right: 20px;
  }

  @media (hover: hover) {
    .slider__button {
        opacity: 1;

        &.slick-disabled {
          opacity: 0.5;
        }
    }
  }

  &.the-team {
    .slick-track {
      gap: 60px;
    }
  }
}

/* Tabs image with text section */
.tabs-image-with-text {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;

  .grid__heading-holder {
    margin-bottom: 100px;
  }
  
  .tab-link {
    padding: 0 60px;
    margin: 0 !important;
    border-right: 1px solid #000;
    border-left: 0;
    position: relative;

    &:first-of-type {
      border-left: 0;
    }

    &:last-of-type {
      border-right: 0;
    }

    .mask {
      display: none;
    }

    &.current {
      span {
        color: #B36924; 
      }
      
      .mask {
        color: #000;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background: unset;
        z-index: 2;
      }
    }

    span {
      font-family: var(--FONT-STACK-HEADING);
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 36px; 
      letter-spacing: -0.56px;
    }
  }

  .grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;

    .grid-image {
      max-width: 606px;

      img {
        width: 100%;
      }
    }

    .grid-outer {
      width: calc(100% - 686px);
      padding-left: 0;

      p {
        margin-bottom: 32px;
      }
    }
  }
}

/* Blog Landing */
.blog-section {
  .wrapper--full-padded {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
  }

  .article__text-wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .pagination-custom {
    padding-top: 80px;
  }

  .pagination-custom__prev,
  .pagination-custom__next {
    display: flex;
    align-items: center;
    justify-content: center;

    .is-hidden {
      display: none;
    }
  }

  .article__text-wrapper {
    padding-top: 0;
  }

  .article__title {
    margin: 16px 0;

    a {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
    }
  }

  .article__meta {
      margin-bottom: 0;

    time {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px; 
      letter-spacing: -0.28px;
      text-transform: uppercase;
      color: #000;
    }
  }

  .article__excerpt {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
    letter-spacing: -0.28px;
    margin-top: 8px;
  }

  .pagination-custom__inner {
    margin: 0 26px;

    .pagination-custom__page {
      font-size: 28px;
      font-family: var(--FONT-STACK-HEADING);
      font-style: normal;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: -0.56px;
      margin: 0;
      position: relative;

      &:after {
        content: '/';
        font-weight: 400;
        position: relative;
        left: 9px;
      }

      &:last-of-type:after {
        display: none;
      }

      &:not(.pagination-custom__page--active) + .pagination-custom__sep {
        padding: 4px 8px;
        font-size: 28px;
        font-family: var(--FONT-STACK-HEADING);
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -0.56px;

        &:after {
          content: '/';
          font-weight: 400;
          position: relative;
          left: 9px;
        }
      }
    }

    .pagination-custom__page--active {
      box-shadow: unset;
      font-weight: 700;
    }
  }
}

.go-back-to-clubs {
  margin: 60px auto;
}

.subscription-module {
  max-width: 90%;
  margin: 0 auto 100px;

  button[type="button"],
  button[type="submit"].wh-button-secondary {
    border-style: solid;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    max-width: max-content;
    margin: 0 auto;
    transition: .25s ease-out;
    transition-property: color, background, border;

    svg {
      display: none;
    }
  }

  button[type="button"]:disabled,
  button[type="button"].disabled\:tw-shadow-inner:disabled {
    color: rgb(255 255 255 / 49%);
    border-color: unset;

    &:hover {
      color: rgb(255 255 255 / 49%);
      background-color: rgb(107 114 128 / var(--tw-bg-opacity));
    }
  }
}

/* Hero Banner */
.hero-image-zoom-effect .image__hero__scale {
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 10px #111;

  img {
    width: 100%;
    animation: burns 20s ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
}

.main-content > .shopify-section:first-of-type .hero__wrapper.frame.wrapper--full.hero-banner .backdrop--linear:before {
  display: none;
}

.hero__wrapper.frame.wrapper--full.hero-banner.hero-image-zoom-effect .hero__content--transparent.backdrop--radial {
  --backdrop-size: 100%;
}


/* Theme.css overrides */
body:has(.main-content>.shopify-section.section-overlay-header:first-of-type):not(:has([data-prevent-transparent-header])) [data-header-transparent]:not(.meganav--visible) .navlink--cart--icon .header__cart__status {
  background: #B36924;
}

@-webkit-keyframes burns {
  0% {
    transform: scale(1);
    transform-origin: bottom left;
  }
  50% {
    transform: scale(1.3) rotate(-2deg);
    transform-origin: center center;
  }
  100% {
    transform: scale(1);
    transform-origin: top right;
  }
}

.column-no-image {
  .column__image {
    display: none;
  }
  
  .column__text p:first-of-type {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .slider-image-with-text {
    max-width: 1440px;

    .slick-track .slick-slide {
      padding: 0 15px;
    }
  }
}

@media screen and (max-width: 1439px) {
  .slider-image-with-text {
    max-width: 1440px;

    .slick-track .slick-slide {
      padding: 0 15px;
    }
  }
}

/* Desktop - before tablet */
@media only screen and (min-width: 1025px) {
  .grid.blog-listing {
    column-gap: 70px;
    row-gap: 80px;
  }
}

/* Desktop - before mobile */
@media only screen and (min-width: 750px) {
  /* Accordion Group */
  .accordion-group {
    .faq.wrapper.two-col {
      display: flex;

      .accordion-group__header {
        max-width: 310px;
        width: 100%;
        margin-right: 100px;

        .accordion-group__title {
          margin-top: 0;
        }
      }

      collapsible-elements {
        width: calc(100% - 410px);
      }
    }
  }
}

/* Tablet view */
@media only screen and (max-width: 1024px) {
  /* Content Tablet */
  [data-section-type="contact"] {
    .wrapper--narrow {
      flex-direction: column;

      .index-contact {
        max-width: unset;
        margin-right: 0;
        width: 100%;

        h3 {
          font-size: 24px;
          line-height: 32px;
          letter-spacing: -0.48px;
        }
        
        .index-contact__left__text {
          margin-bottom: 40px;
        }
      }
  
      .contact-form-content {
        max-width: unset;
        width: 100%;

        .contact__form__heading {
          font-size: 28px;
          line-height: 36px;
          margin-top: 20px;
        }
      }

      &.right-content {
        flex-direction: column;

        .index-contact {
          margin: 0;
        }
      }
    }
  
    #contact-us-page {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  
      .custom-form__block {
        width: 100%;
  
        &.email,
        &.telephone {
          width: calc((100% - 16px) / 2);
        }
  
        input, select, textarea {
          border: 1px solid #B36924;
          padding: 12px 20px;
        }
      }
    }
  }

  collection-component {
    padding-left: 20px;
    padding-right: 20px;

    .collection__products .grid-outer {
      padding: 0;
    }
  }
  
  section[data-section-type="article"] {
    flex-direction: row;

    .contact-block {
      margin: 24px 0;
    }

    .article__hero {
      .article__image,
      .content {
        width: 100%;
      }

      .article__title {
        font-size: 36px;
        line-height: 44px; 
        letter-spacing: -0.72px;
        margin-bottom: 24px;
      }

      .wrapper {
        flex-direction: column;      
        
        &.share {
          padding-top: 60px;
          padding-right: 20px;
        }

        .socials {
          display: none;
        }
      }
    }

    .socials.mobile {
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 8px;
      margin-top: 32px;
    }

    .separator {
      height: 40px;
      margin: 40px auto;
    }

    article aside {
      flex-direction: column;

      h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; 
        letter-spacing: -0.48px;
      }

      small {
        width: 100%;
      }

      .rte {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; 
        letter-spacing: -0.28px;
      }

      .right {
        margin-bottom: 50px;
      }
    }
  }

  /* Centered Slider */
  .centered-slider .slick-track .slick-slide {
    .title {
      display: none;
    }

    &.slick-current .title {
      display: block;
    }
  }
}

/* Mobile view */
@media only screen and (max-width: 749px) {
  .hero__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; 
    letter-spacing: -0.72px; 
    margin-bottom: 16px;
  }

  .hero__description,
  .hero__description p,
  .hero__rte,
  .hero__rte p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin: 0;
  }

  .btn {
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: -0.32px;
  }

  .hero__wrapper {
    .hero__title {
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 44px;
      letter-spacing: -0.72px;
      margin-bottom: 16px;
    }

    .hero__description p {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; 
      letter-spacing: -0.32px;
    }

    .hero__button-group {
      flex-direction: column;

      .btn {
        padding: 12px 20px;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; 
        letter-spacing: -0.32px;
      }
    }

    .hero__content {
      padding: 0 20px;
    }
  }

  .centered-slider__header {
    padding: 0 20px;
    margin: 40px auto 60px

    .hero__title,
    .hero__rte {
      text-align: left; 
    }

    .hero__title {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
      margin-bottom: 12px;
    }
  }

  .column-no-image .grid-item {
    border-bottom: 1px solid #B36924;
    padding-bottom: 16px;

    &:first-child,
    &:nth-child(2) {
      border-right: 0;
    }

    &:last-of-type {
      border: 0;
    }
  }
  
  section[data-section-type="product-grid"] {
    padding-top: 40px;

    .grid__heading {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
      margin-bottom: 16px;
    }

    .grid__description {
      padding: 0 20px;

      p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.32px;
      }
    }
  }

  .product-item {
    .product-item__image {
        form, 
        .quick-add__holder {
            .mobile-only {
                display: block;
            }
        }
    }
  }

  .quick-add__button {
    font-size: 16px;
    width: 100%;
    background: #B36924;
    padding: 12px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
    height: auto;
    left: 0;
    bottom: 0;

    .btn__text {
      display: block;
      color: #fff;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      margin: 0;
      padding: 0;
    }

    .btn__plus {
      display: none;
    }
  }

  .grid-item {
    .image-wrapper--cover img, img.fit-cover {
      object-fit: contain;
    }

    quick-add-product {
      opacity: 0;
      transition: opacity 1s ease;

      .mobile-only {
        display: block;
      }

      .btn-view-product {
        color: #B36924;
        border: 1px solid #B36924;
        background: #fff;
        padding: 10px 24px;
        letter-spacing: -0.36px;
        position: absolute;
        top: unset;
        bottom: 50px;
        left: 0;
        right: 0;
        display: block;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
      }
    }

    hover-images {
      display: none;  
    }

    &.is-hovered {
      quick-add-product {
        opacity: 1;

        ul.details.available {
          background: #ffffffa6;
          height: 100%;
        } 

        .quick-add__button {
          bottom: 0;

          &.is-loading .btn__loader {
            opacity: 1;
          }
        }
      }
    }

    &.product-item {
      .product-item__image {
        &:not(.image--empty):hover .product-link:before { 
          display: none;
        }

        .mobile-overlay-click {
          display: block
        }
      }

      &.is-hovered .product-item__image .mobile-overlay-click {
        display: none;
      } 
    }

    &:not(.is-hovered) .quick-add__button {
      pointer-events: none;
    }
  }

  .tabs-collections .grid {
    + a.btn--solid {
      max-width: unset;
      margin-top: 40px;
    }
  }

  .testimonials {
    .slider__button {
      display: block;
    }

    .slider__arrows {
      width: 124px;
    }

    .grid--mobile-slider .grid-item {
      width: calc(100% - 16px);
    }

    .column__text p {
      text-align: center;
    }
  }

  .hero-banner.text-bg .hero__content__wrapper .hero__content {
    padding: 80px 20px !important;

    .hero__button {
      width: 100%;
      margin: 10px 0 5px;

      .btn {
        max-width: unset;
        width: 100%;
      }
    }
  }

  slider-component.brick__slider .flickity-page-dots {
    bottom: unset;
    top: 314px;
  }

  .centered-slider {
    .centered-slider-item__content {
      margin: 60px auto 0;
    }

    .slick-dots {
      bottom: unset;
      top: 290px;
    }

    .centered-slider-item__content {
      .heading-regular {
        font-size: 24px;
      }
  }

  /* Pre-footer */
  #insta-feed {
    #insta-btn-follow {
      margin: 24px auto 0;
      
      &:after {
        display: none;
      }
    }

    .instafeed-heading-wrapper {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 60px;
      margin-bottom: 24px;

      h2 {
        font-size: 28px;
        line-height: 36px; 
        letter-spacing: -0.56px;
      }
    }

    .instafeed-new-layout-container {
      margin-bottom: 60px;
    }

    .instafeed-new-layout-wrapper {
      gap: 12px !important;
      grid-template-columns: repeat(2, 2fr) !important;
    }

    .instafeed-new-layout-item:last-of-type {
      display: none;
    }

    .instafeed-new-layout-item {
      height: 134px !important;
    }
  }

  /* Footer */

  footer.site-footer-wrapper {
    padding-top: 60px;

    .footer__block__image,
    .socials--newsletter,
    .socials--newsletter + .rte {
      margin: 0 auto 24px;
    }

    .rte p {
      text-align: center;
    }

    .footer__blocks {
      flex-direction: unset;
      flex-wrap: wrap;
    }

    .footer__block--menu {
      width: 50%;
      flex: unset;
    }

    .footer__block--newsletter {
      margin-top: 24px;
    }

    .footer__block--newsletter {
      padding: 32px 20px;

      .footer__block__title {
        text-align: center;
      }

      .newsletter-form .input-group__field {
        width: 100%;
      }

      .footer__newsletter__text {
        text-align: center;
        width: 100%;
        max-width: unset;
        padding: 0 42px;
      }

      .newsletter-form .input-group {
        max-width: unset;
      }
    }
  }

  .footer-sections {
    .section-footer-two-col-text__content {
      flex-direction: column;

      .first,
      .second {
        padding: 0 20px;
        margin: 0;
      }

      .first {
        padding-bottom: 24px;
      }
    }
  }

  .accordion {
    .faq-list {
      flex-direction: column;
    }

    .faq-list__item {
      flex: 100%;
    }
  }

  /* Wine club | three col */
  .three-text-grid .grid {
    gap: 50px;
  }

  .rich-text-columns__wrapper {
    .btn {
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px; 
      letter-spacing: -0.36px;
      max-width: unset; 
      padding: 12px 24px;
    }
  }

  .slideshow {
    .hero__content--transparent {
      align-self: self-end;
      position: relative;
      bottom: 50px;
      padding-bottom: 0;

      .hero__title {
        margin-bottom: 0;
      }
    }

    .wrapper--full .flickity-page-dots {
      bottom: 24px;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
  }
  
  .slider-image-with-text {
    margin-bottom: 60px;
    padding: 0; 

    .slick-track {
      gap: 0;
    }

    .slider-image-with-text__header {
      margin-bottom: 60px;
    }

    .slider__button {
      z-index: 2;
    }

    .slider__button--prev {
      left: 55px;
    }

    .slider__button--next {
      right: 55px;
    }

    .slick-slide .slider-image-with-text-item__hover-content {
      cursor: pointer;

      &.is-active {
        opacity: 1;

        &:hover {
          opacity: 1;
        }
      }

      &:hover {
        opacity: 0;
      }

      .icon--close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        z-index: 3;
      }
    }

    &.the-team {
      .slick-track {
          gap: 0;
      }
    }
  }

  .tabs-image-with-text {
    .tab-link {
      padding: 0 30px;
    }

    .grid-container {
      gap: 32px;
    }
  }

  #blog-categories {
    li {
      margin: 0 0 40px;
    }

    a {
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
    }
  }

  .blog-section {
    .article__title {
      margin: 12px 0;

      a {
        font-size: 24px;
      }
    }
  }

  section[data-section-type="article"] {
    .contact-block {
      max-width: unset;

      li.buttons {
        flex-direction: column;
        display: flex;
        gap: 12px;  

        .book-now,
        .contact-us {
          width: 100%;
          max-width: unset;
          margin: 0;
        }
      }
    }

    .article__hero {
      .image__fill img {
        height: 300px;
      }
    }

    .article__content {
      p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.32px;
      }
    }
  }

  .collection__nav--filter.collection__nav--sort {
    flex-wrap: wrap;

    .collection__title {
      order: 1;
      width: 100%;
      text-align: center;
    }

    .popout--group {
      order: 2;
    }

    .popout--sort {
      order: 3; 
      margin-left: auto;  
    }

    button[aria-controls="filter-groups"],
    .popout__toggle--filters {
      display: flex;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-right: 0;
      width: 100%;
      justify-content: center;

      .icon-nav-arrow-down {
        display: block;
      }
    }

    .popout__toggle--filters,
    .popout--sort {
      margin-bottom: 0;
      padding: 10px 0;
    }
  }

  .collection__sidebar__slider#filter-groups {
    width: 90%;
    left: 0;

    .collection__sidebar {
      padding: 20px;
    }

    .collection__sidebar__head {
      border-bottom: 1px solid #B36924;

      .icon path {
        stroke: #B36924;
      }
    }
  }

  .collection__nav {
    padding-bottom: 32px;

    .hero__title {
      margin-bottom: 32px;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; 
      letter-spacing: -0.56px;
    }

    .hero__description p {
      margin-bottom: 16px;
      font-size: 16px;
    }

    .popout--group,
    .popout--sort {
      width: 50%;
      text-align: center;

      .icon {
        margin-left: 16px;
      }
    }

    .popout--group {
      border-right: 1px solid #B36924;
    }
  }

  .three-text-grid {
    .column__text p {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.36px;
    }

    .column__btn {
      width: 100%;
    }
  }

  [data-section-type="contact"] {
    .wrapper--narrow {
      padding: 0 20px;
    }

    #contact-us-page {
      .custom-form__block {
        margin-bottom: 0;
  
        &.email,
        &.telephone {
          width: 100%;
        }
      }
    }
  }

  .index-image-text {
    .hero__custom-code {
      margin: 20px 0 0;
    }
  }
}
