/* ========================================= */
/* ========================================= */
/* ====== Frey Custom CSS | 2025-2026 ====== */
/* ========================================= */
/* ========================================= */

/* ========================================= */
/* Sections                                  */
/* 01: Variables                             */
/* 02: Global                                */
/* 03: Pages                                 */
/* 04: Components                            */
/* 05: Other Fixes                           */
/* 06: Responsive                            */
/* 07: Accordion Add                         */
/* 08: Loop Subscriptions                    */
/* 08: New Pages                             */
/* ========================================= */

/* ========================================= */
/* ========================== 01: Variables  */
/* ========================================= */

@import url("https://use.typekit.net/cnv6juf.css");

:root {
  /* Colors */
  --papa-white: #fff;
  --papa-cream-lighter: #f8f8ee;
  --papa-cream-light: #f0eedf;
  --papa-cream: #e4e2d1;
  --papa-brown-lighter: #c8beb4;
  --papa-brown-light: #b9afa0;
  --papa-brown-medium: #6e5540;
  --papa-brown: #483829;
  --papa-brown-dark: #483829;
  --papa-red: #84332e;
  --papa-red-dark: #732a25;

  /* Fonts */
  --font-alternate-gothic: alternate-gothic-no-1-d, sans-serif;
  --font-sofia-pro: sofia-pro, sans-serif;
  --font-thirsty-rough: thirsty-rough-two, sans-serif;
}

/* ========================================= */
/* ========================== 02: Global     */
/* ========================================= */

/* Fonts */

body { font-size: 15px; line-height: 24px; letter-spacing: normal; text-transform: none; font-weight: 400; font-family: var(--font-sofia-pro); color: var(--papa-brown);

  /* General */

  .contact__desc { font-size: 15px; line-height: 24px; }

  h3, .article .article-card__header h2, .newsletter__title p, .account h2.h3 { font-size: 35px; line-height: 37px; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-alternate-gothic); color: var(--papa-brown); }

  .newsletter__text h5 { font-size: 18px; line-height: 28px; letter-spacing: normal; text-transform: none; font-weight: 400; font-family: var(--font-sofia-pro); color: var(--papa-brown); margin: 0 0 24px; }

  p, h2.facets__product-count-text span, .shopify-app-block .jdgm-prev-badge, .rte p, .bswrap h4.mb-20, h3.totals__subtotal { font-size: 15px; line-height: 24px; letter-spacing: normal; text-transform: none; font-weight: 400; font-family: var(--font-sofia-pro); color: var(--papa-brown); margin: 0 0 35px; }

  .product .product__info-container .custom-liquid, .article-template__content {
    p, ul { font-size: 15px !important; line-height: 24px !important; letter-spacing: normal !important; text-transform: none !important; font-weight: 400 !important; font-family: var(--font-sofia-pro) !important; color: var(--papa-brown); margin: 0 0 35px !important; }
  }

  .product .product__info-container .custom-liquid, .article-template__content {
    ul li { font-size: 15px !important; line-height: 24px !important; letter-spacing: normal !important; text-transform: none !important; font-weight: 400 !important; font-family: var(--font-sofia-pro) !important; color: var(--papa-brown); margin: 0 0 8px !important; }
  }

  .subtitle, h6, .article .article-card__header .article-card__meta, .article-card-row__excerpt, footer .footer__blocks-container .footer-block > h2.footer-block__heading { font-size: 14px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-red); margin: 0 0 20px;
    @media all and (max-width: 767px) { font-size: 14px !important; line-height: 16px !important; }
  }

  footer .footer__blocks-container .footer-block > h2.footer-block__heading { font-size: 20px !important; line-height: 24px !important;; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; color: var(--papa-brown) !important;; margin: 0 0 20px; }

  .card-extended__link, .card-extended__link span, .collection .card__link span{ font-size: 12px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-red); }

  .breadcrumb * { font-size: 12px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); }

  .featured-products .card-extended__title a { font-size: 20px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 400; font-family: var(--font-alternate-gothic); color: var(--papa-brown); }

  .price { font-size: 12px; line-height: 21px; letter-spacing: .08em; text-transform: none; font-weight: 400; font-family: var(--font-sofia-pro); color: var(--papa-brown); }

  h2, h2.h2, h2 p, h2.title--section p, .collection-hero .collection-hero__title, .product .product__title, .page-header .title--page, .article-template__title, .shopify-policy__title h1, .bswrap h1, .bswrap .h1, .blog-articles__grid .blog-articles__article:first-child:not(:last-child) .article-card-row__title a, .article-card-row__title a { font-size: 51px; line-height: 52px; letter-spacing: .08em; text-transform: uppercase; font-weight: 400; font-family: var(--font-alternate-gothic); color: var(--papa-brown); margin: 0 0 35px;
    em { font-size: 46px; line-height: 52px; letter-spacing: normal; text-transform: none; font-style: normal; font-family: var(--font-thirsty-rough); color: var(--papa-red); }
    @media all and (max-width: 767px) { font-size: 43px !important; line-height: 44px !important;
      em { font-size: 40px !important; line-height: 36px !important; }
    }
  }

  h2.title--section p { font-size: 51px !important; line-height: 52px !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 400 !important; font-family: var(--font-alternate-gothic) !important; color: var(--papa-brown) !important; margin: 0 0 35px;
    em { font-size: 46px !important; line-height: 52px !important; letter-spacing: normal !important; text-transform: none !important; font-style: normal !important; font-family: var(--font-thirsty-rough) !important; color: var(--papa-red) !important; }
    @media all and (max-width: 767px) { font-size: 43px !important; line-height: 44px !important;
      em { font-size: 40px !important; line-height: 36px !important; }
    }
  }

  .page-header, .collection-hero__inner { padding-top: 0;
    .page-header__inner, .collection-hero__text-wrapper {
      h2.main-page-title, h1.main-page-title, h1.collection-hero__title { font-size: 62px !important; line-height: 64px !important; }
    }
  }

  #MainContent > section:first-of-type .image-banner {
    h2.image-banner__heading, h2 { font-size: 62px !important; line-height: 64px !important;
      em { font-size: 57px !important; line-height: 64px !important; }
    }
  }

  .card__title a, .cart-item__details a, .cart-item__details a span { text-transform: uppercase; }

  .article-template__title { color: var(--papa-white) !important; }

  .header__submenu .header__menu-item span, .header__offcanvas-item .header__offcanvas-link, .header__offcanvas-submenu-link { text-transform: uppercase; }

  .video-banner-section {
    .video-banner__column {
      h2 { font-size: 80px !important; line-height: 75px !important; color: var(--papa-white) !important;
        em { font-size: 64px !important; line-height: 67px !important; color: var(--papa-cream) !important; }
        &.video-banner__heading { display: none; }
        @media all and (max-width: 767px) { font-size: 62px !important; line-height: 58px !important;
          em { font-size: 50px !important; line-height: 62px !important; }
        }
      }
      p { color: var(--papa-white); }
    }
  }

  /* Table */
  .rte {
    table { border: none; box-shadow: none;
      tr { border-left: none; border-right: 0; }
      td { border-left: none; border-right: 0; }
    }
  }


  /* Image Banners */
  .image-banner, .product-slider__left, .image-banner-section {
    h2, h2 p { color: var(--papa-white) !important;
      em { color: var(--papa-cream) !important; }
    }
    .subtitle, p { color: var(--papa-white) !important; }
  }

  /* Button */

  .button.button--primary, button.button--primary, .button.button--secondary, .button.image-banner__button, .button-wrapper .button--tertiary, .button--tertiary, input.btn.pill, .loop-btn { background-color: var(--papa-red);
    font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
    span { font-size: 14px; line-height: 1; font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
      span { font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
        svg { display: none; }
      }
    }
    &:hover, &:focus { background-color: var(--papa-red-dark); }
  }


  .button--tertiary, .customer .button--tertiary { background-color: var(--papa-brown-medium); font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
    span { font-size: 14px; line-height: 1; font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
      span { font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white);
        svg { display: none; }
      }
    }
    &:hover, &:focus { background-color: var(--papa-brown-dark) !important; }
  }

  .customer button { background-color: var(--papa-brown-medium); font-size: 14px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; font-family: var(--font-sofia-pro); color: var(--papa-white); padding: 20px !important; border-radius: 25px; border: none; transition: ease all 300ms;
    &:hover, &:focus { background-color: var(--papa-brown-dark) !important; }
  }



  /* Other */

  .steps__text { opacity: 1; }

  .steps {
    .steps__slide-item--desktop { pointer-events: none;
      &.active { pointer-events: all; }
    }
  }

  h2 p { margin-bottom: 0 !important; }

}

.announcement-bar {
  .announcement-bar__text { padding: 5px 0;
    p { color: var(--papa-white) !important; font-size: 13px !important; margin-bottom: 0 !important; }
  }
}

.accordion {
  h2 { margin-bottom: 0 !important; }
}

body {
  .collections-grid__title {
    a { color: var(--papa-white); }
  }

  h2.facets__product-count-text { margin-bottom: 0 !important; display: flex; align-items: center;
    span { display: block; margin: 0 !important; }
  }
}

/* PapaPoints */
/* This is in an iFrame and would need to be edited through the plugin somehow. */

/* Footer */
.newsletter-form__field-wrapper {
  .field {
    label { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); transition: ease all 300ms; }
    input[type="email"] { border: none !important; border-radius: 50px; background-color: var(--papa-white);
      &:focus, &:focus-within, &:not(:placeholder-shown) {
        ~ label { top: -3px; left: 10px; scale: 0.8; padding: 4px 10px; border-radius: 3px; background: var(--papa-cream-lighter); }
      }
    }
  }
}

.footer__content-middle-container { padding-bottom: 13rem !important; }

@media all and (max-width: 991px) {
  .footer-block.footer-block--logo { margin-top: 5rem; }
}

body {
  .footer {
    .list-menu__item--link { font-size: 15px; line-height: 24px; letter-spacing: normal; text-transform: uppercase; font-weight: 400; font-family: var(--font-sofia-pro); color: var(--papa-brown); margin: 0; padding: 2px 0;
      span { text-decoration: none; }
    }
    .list-social__item {
      .icon { color: var(--papa-red); }
    }
    .footer__copyright { width: 100% !important; }
  }
}

body {
  .collection-product-list.collections-grid .card-wrapper:after { background: rgba(0, 0, 0, .3); }

  .card-wrapper .product-form__controls-group label.color-swatch, .product-form__controls-group label.color-swatch { border-color: var(--papa-brown); }

  .share-buttons__label {
    .icon.icon-share { width: 15px; }
    .share-buttons__label-name { font-size: 15px; }
  }
}

/* Top Navigation */
.header-wrapper nav > .list-menu li:nth-child(2) > .header__submenu { column-count: 2; column-gap: 0; width: 40rem; }


/* ========================================= */
/* ========================== 03: Pages      */
/* ========================================= */

/* Home */

.body-template-index {
  main {
    > .shopify-section { background-color: var(--papa-cream-light);
      &:nth-child(2) { background-color: var(--papa-cream-lighter); }
      &:nth-child(8) { background-color: var(--papa-cream-lighter); }
      &:nth-child(11) { background-color: var(--papa-cream-lighter); }
      &:nth-child(13) { background-color: var(--papa-cream-lighter); }
      &:nth-child(6) { background-color: var(--papa-brown);
        .rich-text { background-color: transparent; }
        h2.title--section p, p { color: var(--papa-white) !important; }
        h2.title--section p em, .subtitle { color: var(--papa-cream) !important; }
      }
    }
  }
}

/* Home > Hero */

.video-banner__media.media.video-banner__media--cover:after, .image-banner .banner__media:after, .product-slider .product-slider__swiper-image:after { content: ''; position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; display: block; background-image: url(/cdn/shop/files/papa-texture.svg?v=1733767622); opacity: .3; pointer-events: none;
}

.video-banner__media { min-height: 300px; }

.video-banner {
  .video-banner--container { height: 100vh; }
  .video-banner__wrapper {
    @media all and (max-width: 767px) { padding: 40px; }
    .video-banner__column--column { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; max-width: 510px; }
  }
}

@media all and (max-width: 750px) {
  .video-banner {
    .video-banner--container { height: auto; }
    .video-banner__wrapper { width: 540px; }
    .video-banner__column--column { flex-direction: column; max-width: 100%; }
  }
}

@media all and (max-width: 575px) {
  .video-banner {
    .video-banner__wrapper { width: 100%; }
  }
}

.product-slider {
  .product-slider__swiper-image { pointer-events: none; }
  .product-slider__left { gap: 0; justify-content: center; }
}

.image-banner__wrapper {
  @media all and (max-width: 767px) { padding: 40px; }
  .image-banner__column--column { gap: 0; }
}

/* Home > Holiday Picks */

.product-slider__image {
  .product-slider__image-overlay {
    &:not(.no-image) { background-color: transparent !important; background: rgb(0, 0, 0) !important; background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 100%) !important; opacity: .6; }
  }
}

.card-extended-information {
  .card-extended-information__wrapper {
    &:before { background-color: var(--papa-cream-lighter); }
    &:hover {
      &:before { transform: none; }
    }
    .card-extended__title {
      a { text-decoration: none; }
    }
  }
}

/* Home Journal */
.blog__title-wrapper {
  .blog__button-wrapper { display: none; }
}

/* Product Agro Pages */

.facets__container {
  .facets__disclosure, .facets__product-count {
    &:hover, &:focus { border-top-color: var(--papa-brown-light); border-bottom-color: var(--papa-brown-light);
      &:before { background-color: var(--papa-brown-light); }
      &:after { background-color: var(--papa-brown-light); }
    }
  }
}

.facet-filters {
  .facets-sorting__field {
    .select {
      &:hover, &:focus {
        &:before { background-color: var(--papa-brown-light); }
        &:after { background-color: var(--papa-brown-light); }
        select { border-top-color: var(--papa-brown-light); border-bottom-color: var(--papa-brown-light); }
      }
    }
  }
}

/* Product Single Page */
.product {
  .product__info-container {
    .custom-liquid { margin-bottom: 5rem; }
    .loop-widget-container {
      .loop-widget-purchase-option { background-color: transparent; border-radius: 0; }
    }
  }
}

/* ========================================= */
/* ========================== 04: Components */
/* ========================================= */

/* Dividers */

.divider { display: block; position: relative; overflow: hidden; width: 100%; height: 35px; background-color: var(--papa-cream-lighter);
  svg { position: relative; display: block; width: 100%;
    @media all and (max-width: 1650px) { width: 1650px; margin: 0 auto; left: 50%; transform: translateX(-50%); }
  }
  &.div-brown-to-tan { background-color: var(--papa-cream-lighter);
    svg {
      path { fill: var(--papa-brown) !important; }
    }
  }
  &.div-tan-to-brown { background-color: var(--papa-brown);
    svg {
      path { fill: #f0eedf !important; }
    }
  }
}

.product-slider {
  .swiper-btn {
    &:not(.swiper-button-disabled) { background-color: var(--papa-red) !important;
      &:hover, &:focus { background-color: var(--papa-red-dark) !important; }
    }
    svg {
      path { fill: var(--papa-white); }
    }
  }
  .product-slider__left {
    .product-slider__desc { margin: 0; }
  }
}

/* Collapsable Content */
.collapsible-content__toggle-group {
  .collapsible-content__digit { background-color: var(--papa-white); }
}

/* Agro Cards */
.collection-product-list {
  .collection-product-card {
    .card-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end;
      .card--product { flex: 0 0 100%; width: 100%; padding: 1rem; background-color: var(--papa-white); }
      .card-information { flex: 1; width: 100%; padding: 2.5rem 2.5rem; border-top: none; }
    }

    &:not(.collection-product-card--extended) { height: 100%; width: 100%;
      .card-wrapper {
        .card-information { border-top: 1px solid var(--papa-cream-lighter); }
      }
    }

  }
}

.collection-product-list.collections-grid {
  .collections-grid__card {
    .card-wrapper { display: block; background: var(--papa-white); position: relative;
      &:after { content: none; }
      .image-ratio { display: none; }
      .card-wrapper__image { aspect-ratio: 1 / 1; position: relative; height: auto; }
      .card-information__count { display: block; width: 100%; position: relative; top: auto; left: auto; padding: 24px 36px 0; color: var(--papa-brown); border-top: 1px solid var(--papa-cream-lighter); }
      .collections-grid__information { display: block; width: 100%; position: unset; top: auto; left: auto; padding: 15px 36px 40px; margin: 0;
        .link--overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
        .collections-grid__title { font-size: 24px; line-height: 1.1;
          a { color: var(--papa-brown); word-break: keep-all; }
        }
      }
    }
  }
}

.collection {
  .collection-product-list {
    .collection-product-card--extended {
      .card-information__wrapper {
        &:before { background-color: var(--papa-cream-light); }
      }
    }

    .collection-product-card {
      .card-wrapper { display: block; }
    }
  }

  .card__link { background-color: var(--papa-cream-light); color: var(--papa-red);
    span { color: var(--papa-red); }
  }

}

/* Agro Cards 2 */

body {
  .article .article-card__header {
    h2, .article-card__meta time { color: var(--papa-white); }
  }

  .article-card__info, .article-card-row__info {
    .article-card__title, .article-card-row__title { margin-bottom: 20px;
      a { color: var(--papa-brown) !important; }
    }
    .article-card__meta, .article-card-row__excerpt { margin: 0 !important; }
  }

  .blog-articles {
    > .article {
      h2.article-card-row__title a { background-position: 0 86%; }
      &:nth-child(1), &:nth-child(2) {
        .article-card-row__excerpt { color: var(--papa-white) !important;
          @media all and (max-width: 1199px) { color: var(--papa-red) !important; }
        }
        h2.article-card-row__title a { color: var(--papa-white) !important;
          @media all and (max-width: 1199px) { color: var(--papa-brown) !important; }
        }
      }
    }
  }
}


/* Title Space Issue */
.blog__title-wrapper { margin-bottom: 0 !important; }

/* Quick View Modal */

.loop-widget-purchase-options-container {
  .loop-widget-purchase-option {}
}

body.body-template-index {
  .article .article-card__header {
    h2, .article-card__meta time, .article-card__meta span {  color: var(--papa-white);
      a { color: var(--papa-white) !important; line-height: 1.2 !important; }
    }
  }
}

/* Search */

.search-modal {
  .container.container--header.search__line, .container.search__promo-block { display: none; }
  .predictive-search { padding-bottom: 30px !important; }
}

.predictive-search__list-item { background-color: var(--papa-white);
  .card-wrapper {
    .card--product { padding: 30px 30px 10px 30px !important;
      .media, .media img { transform: scale(1) !important; }
    }
    .card-information { padding: 10px 30px 30px 30px !important; border-top: 1px solid var(--papa-cream-lighter); }
  }
}

.collection-results {

  .collection-product-card { background-color: var(--papa-white);
    .card-wrapper {
      .card--product { padding: 30px 30px 10px 30px !important;
        .media, .media img { transform: scale(1) !important; }
      }
      .card-information { padding: 10px 30px 30px 30px !important; border-top: 1px solid var(--papa-cream-lighter); }
    }
  }

  .collection-product-card.template-search__item.article {
    .article-card {
      .article-content {
        .article-card__info {
          .article-card__header {
            .article-card__title {
              a { color: var(--papa-white) !important; line-height: 1.2 !important; }
            }
          }
        }
      }
    }
  }

}

/* Forms */

.product-form__submit.button-disabled {
  background-color: #aaa !important;
  pointer-events: none;
  position: relative;
  &:after { content: "Select Options";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  span { visibility: hidden; }
}

/* ========================================= */
/* ========================= 05: Other Fixes */
/* ========================================= */

/* Hero */

body {

  /* Home */
  .steps {
    .steps__title {
      @media all and (max-width: 991px) { }
    }
  }

  /* Collections */
  .collection-hero { padding-top: 4rem; padding-bottom: 4rem; margin-bottom: 0;
    .breadcrumb { margin-bottom: 26px; }
  }
  .facets-container { margin-top: 0; }

  /* Single Product */
  .product {
    .product__outer { padding-bottom: 0; }
    .product__media-list, .product__media-subitem, .product__media { background-color: var(--papa-white); }
    .breadcrumb__desktop { margin-bottom: 4rem; }
    .shopify-app-block { margin-bottom: 2rem;
      .jdgm-prev-badge { margin-bottom: 0;
        .jdgm-star { color: var(--papa-red); }
      }
    }
    .product__title__wrapper { margin-bottom: 2rem;
      .product__title { margin-bottom: 0; }
    }
    .price-wrapper { margin-bottom: 1.5rem;
      .price__regular { padding: 8px 20px 10px; background: var(--papa-white); border-radius: 20px; }
    }
    .installment-wrapper { padding: 0; }
  }

  /* Blog */
  .article-template__content { margin: 8rem auto;
    h1, h2, h3, h4, h5, h6, p, ul { margin: 0 0 4rem 0; }
    img { margin: 0; }
  }
  .section-template--23753100427580__featured_blog-padding { padding-bottom: 0; padding-top: 8rem; }

  /* Login / Account */
  .login { padding-top: 14rem; padding-bottom: 0;
    .breadcrumb { margin-bottom: 26px; }
    .title--page { margin: 0; }
  }

  .login__overlay { display: none !important }

  .login__form {
    .login__subtitle { display: none; }
  }

  .account {
    .account-none-order { background-color: var(--papa-white); }
  }

  .popular-products { display: none; }

  /* Search	*/
  .template-search__header { padding-top: 16rem;
    .breadcrumb { margin-bottom: 26px; }
    .page-header { padding-top: 0; }
  }
  .search__form-inner .field input[type=search] { background-color: var(--papa-white); border-radius: 50px; }
  .template-search { padding-bottom: 0; }
  .section-template--23753100624188__form-padding { padding-bottom: 0; }
  .contact__add-text { display: none; }

  /* Policy Pages	*/
  .shopify-policy__title { text-align: left; }
  .breadcrumb_margin { margin-bottom: 26px; }

  /* Warrenty */
  .bswrap h1, .bswrap .h1, .bswrap h4.mb-20 { text-align: left }
  .bswrap .text-center h1, .bswrap .text-center .h1 { text-align: center }

  input.btn.pill { padding: 24px 56px; width: auto;
    &:hover, &:focus { color: var(--papa-white); background-color: var(--papa-red-dark); }
  }
  .bswrap {
    ::placeholder { color: var(--papa-brown-light) }
    .form-control { font-size: 1.5rem; padding: 2.7rem 1.8rem; background-color: transparent; border-radius: .3rem; border: .1rem solid var(--papa-brown); color: var(--papa-brown); }
    label { font-weight: 400; color: var(--papa-red-dark); }
    @media all and (max-width: 991px) { padding: 0 24px; }
  }

  /* Quick Add Modal */

  .quick-add-modal {
    .product__media-wrapper { height: auto; background-color: var(--papa-white);
      .product__media-list-wrapper { height: auto; }
    }
  }
  .quick-add-modal__content {
    .product__media {
      img { object-fit: contain; object-position: top center; }
    }
  }

  .quick-add-modal__announcement-bar { background-color: var(--papa-red);
    p { color: var(--papa-white) !important; margin-bottom: 0; }
  }

  /* Slide Out Cart */
  .drawer, .cart__contents {
    .cart-item__image, .cart-item__media img { background-color: var(--papa-white); }
    .drawer__cart-items-wrapper, tbody {
      .cart-item, tr { border-bottom: 1px solid var(--papa-brown-light); padding: 30px 0;
        &:last-of-type { border-bottom: none; }
      }
    }
  }

  /* Other */
  .multicolumn-list__wrapper {
    .multicolumn-card { background-color: var(--papa-white); padding: 40px; }
  }

}

a .icon-button-arrow { display: none !important; }

.steps__wrapper {
  .steps__title { padding-bottom: 60px; }
}


variant-selects, .facets-sorting__field {
  > fieldset, .select {
    select, .facets__summary, .facets__disclosure { border-color: var(--papa-brown) !important; transition: ease border-color 200ms !important;
      &:hover, &:focus { border-color: var(--papa-brown-light) !important; }
    }
    .facets__summary { border-left: 1px solid; }
    .facets__product-count { border-color: var(--papa-brown) !important; }
  }
}

#shopify-section-template--23753100558652__featured_blog { background-color: var(--papa-cream-lighter); }
#shopify-section-template--23753100558652__rich_text_iqPaCb .color-background-1 { background-color: var(--papa-cream-light); }
#shopify-section-template--23753100558652__steps_pnVMhg .color-background-2 { background-color: var(--papa-cream-lighter); }
#shopify-section-template--23753100558652__steps_pnVMhg .steps__title { background-color: var(--papa-cream-lighter); }

#shopify-section-template--23753100558652__featured_products_qQDFdH .featured-products { background-color: #e8e5d4; padding-top: 100px; margin-top: -80px; }


body {
  .facets__item>input[type=checkbox]:checked+.facet-checkbox:not(.facet-checkbox--color):before { border-color: rgb(var(--papa-brown-dark));background-color: rgb(var(--papa-brown-dark));
  }
  .facet-checkbox .icon-checkmark { fill: var(--papa-red); }
}

/* ========================================= */
/* ========================== 06: Responsive */
/* ========================================= */

@media all and (max-width: 991px) {
  body {

    /* Home */
    .featured-products { padding-top: 60px !important; margin-bottom: 145px !important;
      .featured-products__text { margin-bottom: 0; }
      .featured-products__image { display: none; }
    }
    .steps { margin-top: 40px;
      .steps__title { padding-bottom: 0; }
      .steps__slide-item { margin-bottom: 40px; }
    }
    .product-slider__desc {
      .button { margin-top: 0; margin-bottom: 40px; }
    }
    .promo-images__images {
      .promo-images__image {
        &:first-child { top: -28px; left: -33px; width: 67%; }
        &:nth-child(3) { top: 143px; right: -50px; width: 58%; }
        &:nth-child(2) { bottom: -57px; left: 50%; width: 53%; }
      }
    }
    .section-template--23753100558652__rich_text_iqPaCb-padding, .section-template--23753100558652__image_banner_qpt8k4-padding { padding-top: 60px; padding-bottom: 60px; }
    #shopify-section-template--23753100558652__rich_text_WA3Apj, #shopify-section-template--23753100558652__promo_images_rjyJtJ, .section-template--23753100558652__featured_blog-padding { padding-bottom: 60px; }


    .cart__footer-dynamic-checkout { display: block; width: 100%;
      .cart__dynamic-checkout-buttons { margin: 0 auto; }
    }

  }
}

/* ========================================= */
/* ======================= 07: Accordion Add */
/* ========================================= */

.accordion-wrapper {
  .accordion-item { border-bottom: 1px solid var(--papa-brown-lighter);
    &:first-of-type { border-top: 1px solid var(--papa-brown-lighter); }
    .accordion-header { position: relative;
      &:after { content: ''; position: absolute; right: 0; top: 10px; height: 1px; width: 21px; background-color: var(--papa-brown); }
      &:before { content: ''; position: absolute; right: 10px; top: 0; height: 21px; width: 1px; background-color: var(--papa-brown); }
    }
    .accordion-content { padding-top: 24px;
      p, ul, ol { margin: 0 0 25px; }
    }
    &.active {
      .accordion-header {
        &:before { opacity: 0; }
      }
    }
  }
}

body {
  .contact-section { padding-top: 60px !important; margin-top: 30px !important;
    @media all and (max-width: 991px) { padding-top: 0 !important;  }
    .contact {
      .contact__wrapper {
        &:before { content: ''; position: absolute; top: -60px; right: 2rem; left: 2rem; width: auto; height: 1px; background: #cecab8;
          @media all and (max-width: 991px) { content: none;  }
        }
      }
    }
  }
  .contact-form {
    table {
      @media all and (max-width: 991px) { width: 100% !important; }
    }
  }
}

/* ========================================= */
/* ================= 08: Loop Subscriptions  */
/* ========================================= */

body {
  .loop-background, .loop-container { background-color: transparent; }
  .loop-btn { border: none; padding: 20px 30px !important; border-radius: 40px; text-decoration: none; }
  .loop-form-increment, .loop-form-input { border: none; padding: 28px 30px !important; border-radius: 40px; text-decoration: none; }
}

/* ========================================= */
/* ========================== 09: New Pages  */
/* ========================================= */

body #MainContent {
  .papa-custom-layout { max-width: 800px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;
    .overview { flex: 0 0 100%; width: 100%; max-width: 100%; text-align: center; margin-bottom: 40px; }
    .two-col { flex: 0 0 100%; width: 100%; max-width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;
      .col-1 { margin-right: 40px; }
      .col-1, .col-2 { flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); max-width: calc(50% - 20px); padding: 30px; border-radius: 12px; background-color: var(--papa-white);
        @media all and (max-width: 767px) { flex: 0 0 100%; width: 100%; max-width: 100%; margin: 0 0 30px 0; }
        :last-child { margin-bottom: 0; }
      }
    }
    .end-note { flex: 0 0 100%; width: 100%; max-width: 450px; margin: 30px auto 0; text-align: center; }

    h2, h3, p { margin-bottom: 20px; margin-top: 0;
      sup { font-size: 26px; }
      img { display: inline-block; margin: 0 15px 0 0; }
      &.small { font-size: 13px; }
      &.mb-reduce { margin-bottom: 8px; }
    }
    a.button {
      span { line-height: 1.2 !important; }
    }
    hr { margin: 40px 0; }
  }
}

.body-template-page-machine-landing-2026-08 {
  /* Hide Breadcrumb */
  .breadcrumb { display: none; }

  /* Make Eyebrow White */
  .featured-products {
    /* Make Eyebrow White */
    .featured-products__subtitle { color: var(--papa-white); }
    /* Remove odd title */
    .caption-with-letter-spacing { display: none; }
  }

  /* Change section to red bg */
  section.multicolumn-section { background-color: var(--papa-red); }

  /* Adjust divider image padding */
  #MainContent {
    section.image-banner-section {
      .banner:not(.banner--landscape) { padding-top: 180px; padding-bottom: 180px; }
    }
  }

  /* change section to brown bg */
  .testimonials-section {
    .color-background-2 { background-color: var(--papa-brown-dark);
      .testimonials__slide-name { color: var(--papa-white); }
      p.h2 { color: var(--papa-white); }
    }
  }
}