/** Shopify CDN: Minification failed

Line 258:21 Expected identifier but found whitespace
Line 258:23 Unexpected "{"
Line 258:32 Expected ":"
Line 259:10 Expected identifier but found whitespace
Line 259:12 Unexpected "{"
Line 259:21 Expected ":"
Line 260:15 Expected identifier but found whitespace
Line 260:17 Unexpected "{"
Line 260:26 Expected ":"
Line 260:59 Expected ":"
... and 23 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:about-sherwood-brands (INDEX:0) */
.o-sec.about-sherwood-brands .c-underline-link::before,
  .o-sec.about-sherwood-brands .c-underline-link::after {
    background-color: var(--color--black);
  }
  .o-sec.about-sherwood-brands .c-block {
    background-color: transparent;
  }
/* END_SECTION:about-sherwood-brands */

/* START_SECTION:bento-2col (INDEX:1) */
.c-bento-grid {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;

    @media screen and (max-width: 767px) {
      flex-flow: column; 
    }
  }

  .c-bento-grid_slot {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    width: 50%;
    display: flex;

    @media screen and (max-width: 767px) {
      width: 100%;
    }
  }/* Force Bento card CTA links to white (normal + visited + hover) */
.c-bento-grid .c-card-text a,
.c-bento-grid .c-card-text a:visited {
  color: #fff !important;
}

.c-bento-grid .c-card-text a:hover,
.c-bento-grid .c-card-text a:focus-visible {
  color: #fff !important;
}
/* Keep the animated underline white, if these are underline links */
.c-bento-grid .c-card-text a.c-underline-link::before,
.c-bento-grid .c-card-text a.c-underline-link::after {
  background-color: #fff !important;
}
/* END_SECTION:bento-2col */

/* START_SECTION:contact-form (INDEX:5) */
.c-block.contact {
    .c-img-text_col.text {
      padding-left: var(--spacing--x-large);
      padding-right: var(--spacing--x-large);

      @media screen and (max-width: 991px) {
        padding-left: var(--spacing--large);
        padding-right: var(--spacing--large);
      }

      @media screen and (max-width: 767px) {
        padding-left: var(--spacing--medium);
        padding-right: var(--spacing--medium);
      }
    }

    .c-grid.img-text {
      @media screen and (min-width: 768px) and (max-width: 991px) {
        grid-template-columns: 1fr 1fr 1fr;
      }

      @media screen and (max-width: 991px) {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
      }
    }

    /* Get Help links → white */
    a.text-link,
    a.text-link-alt,
    .c-link.text-link,
    .c-link.text-link-alt,
    a[href*="help"],
    a[href*="support"] {
      color: #fff !important;
      border-color: #fff !important;
    }
    a.text-link:hover,
    a.text-link:focus,
    a.text-link-alt:hover,
    a.text-link-alt:focus,
    .c-link.text-link:hover,
    .c-link.text-link-alt:focus,
    a[href*="help"]:hover,
    a[href*="help"]:focus {
      opacity: .9;
      text-decoration: none;
    }

    /* If your "Get Help" renders with an icon, ensure it goes white too */
    a.text-link svg,
    a.text-link svg *,
    a.text-link-alt svg,
    a.text-link-alt svg * {
      stroke: #fff !important;
      fill: #fff !important;
    }

    /* (Optional) If the CTA is a filled button variant */
    a.button,
    a.btn,
    .c-btn a {
      background: #fff !important;
      color: #fff !important; /* navy as text for contrast */
      border-color: #fff !important;
    }
    a.button:hover,
    a.btn:hover,
    .c-btn a:hover {
      opacity: .95;
    }
  }
/* END_SECTION:contact-form */

/* START_SECTION:cta (INDEX:7) */
.o-sec.cta {
    margin-top: var(--spacing--small);
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
    background-color: var(--brand-navy: #2874d1;);
    color: var(--color--black);

    .o-row.cta {
      text-align: center;
      justify-content: center;
      align-items: stretch;

      .o-col {
        @media screen and (max-width: 991px) {
          max-width: 28em;
          margin: 0 auto;
        }
      }

      p {
        max-width: 30em;
        margin: 0 auto;
      }

      form {
        border-bottom: 1px solid var(--color--black);
        padding-bottom: 0.5em;
        display: flex;
        align-items: center;
        max-width: 30em;
        margin: 0 auto;

        svg {
          height: 1.5em;
        }

        .c-label {
          width: 100%;
        
          .c-input.klaviyo {
            border: none;
            background-color: transparent;
            border-radius: 0;
            padding: 0 0.5em;
            margin: 0px;
            width: 100%;
            color: var(--color--black);
            font-size: clamp(16px, 1em, 1em);
            line-height: 150%;
          }
        }

        .c-submit {
          position: relative;
          color: var(--color--black);
          width: auto;
          margin-left: auto;
          font-size: clamp(16px, 1em, 1em);
          line-height: 150%;
          cursor: pointer;
          background-color: transparent;
          padding: 0;
          border: none;
          transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

          @media (hover: hover) and (pointer: fine) {
            &:hover {
              opacity: 0.4;
            }
          }
        }
      }
    }
  }
/* END_SECTION:cta */

/* START_SECTION:featured-products (INDEX:8) */
.c-slider-pagination .swiper-pagination-bullet::before{
    content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:.5em;height:.5em;border-radius:100%;background-color:var(--color--grey)
  }
  .c-slider-pagination .swiper-pagination-bullet-active::before{background-color:var(--color--black)}

  .c-featured-products_right{gap:3em;justify-content:flex-end;align-items:center;display:flex}
  @media (max-width:991px){
    .c-featured-products_right{width:100%;justify-content:space-between}
    .o-row.featured-products{gap:1em}
  }
  @media (max-width:767px){ .c-featured-products_right{justify-content:flex-start} }

  /* Image area */
  #welcome-store .c-product-card_link{position:relative}
  #welcome-store .c-product-card_link,
  #welcome-store .card__media,
  #welcome-store .product-card__media,
  #welcome-store .c-img-container{
    position:relative;overflow:hidden;aspect-ratio:1/1;background:#fafafa;border-radius:12px
  }
  #welcome-store .c-product-card_link img{display:block;width:100%;height:auto;object-fit:contain}

  /* Show the main product image, hide only duplicates — keep overlay visible */
  #welcome-store .c-product-card_link img.main-product-img{display:block !important}
  #welcome-store .c-product-card_link img:not(.main-product-img){display:none !important}
/* END_SECTION:featured-products */

/* START_SECTION:home-hero (INDEX:11) */
.o-sec.home-hero {
    margin-bottom: var(--spacing--small);
    background-color: {{ section.settings.background_color | default: 'var(--color--black)' }};
    color: {{ section.settings.text_color | default: 'var(--color--white)' }};
    max-height: {{ section.settings.max_height_desktop }}vh;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    transition: background-color 0.3s ease;

    @media screen and (max-width: 991px) {
      max-height: {{ section.settings.max_height_tablet }}vh;
      min-height: 400px;
    }

    @media screen and (max-width: 767px) {
      max-height: none;
      min-height: auto;
      padding: var(--spacing--medium) 0;
    }

    /* Background Image Wrapper */
    .home-hero__bg-wrapper {
      position: absolute;
      inset: 0;
      z-index: 0;
      opacity: {{ section.settings.background_opacity | divided_by: 100.0 }};
      pointer-events: none;
      
      .c-img-container.bg {
        width: 100%;
        height: 100%;
        
        .c-img {
          object-fit: cover;
          object-position: {{ section.settings.background_position }};
          width: 100%;
          height: 100%;
        }
      }
    }

    /* Gradient Overlay */
    .home-hero__overlay {
      position: absolute;
      inset: 0;
      background: {{ section.settings.overlay_gradient }};
      z-index: 0;
      pointer-events: none;
      opacity: {{ section.settings.overlay_opacity | divided_by: 100.0 }};
    }

    /* Ensure content is above background */
    .o-container {
      position: relative;
      z-index: 1;
    }

    .o-row.home-hero {
      justify-content: flex-start;
      align-items: center;

      /* Mobile Reverse Order */
      @media screen and (max-width: 767px) {
        &.mobile-reverse {
          flex-direction: column-reverse;
        }
      }

      .home-hero__content {
        @media screen and (max-width: 767px) {
          text-align: {{ section.settings.mobile_content_alignment }} !important;
        }
      }

      .c-home-hero_img {
        margin-right: calc(var(--spacing--x-large) * -1);
        animation: fadeInRight 0.8s ease-out;

        @media screen and (max-width: 991px) {
          margin-right: calc(var(--spacing--medium) * -1);
          margin-left: auto;
          max-width: 24em;
        }

        @media screen and (max-width: 767px) {
          margin-right: 0;
          margin-left: 0;
          max-width: 100%;
          margin-bottom: var(--spacing--medium);
        }

        /* Image loading animation */
        .c-img {
          transition: transform 0.3s ease;
          
          &:hover {
            transform: scale(1.05);
          }
        }
      }

      h1 {
        animation: fadeInUp 0.8s ease-out;
        line-height: 1.1;
        
        @media screen and (max-width: 991px) {
          max-width: 440px;
        }

        @media screen and (max-width: 767px) {
          font-size: clamp(2rem, 8vw, 4rem);
        }
      }

      .c-home-hero_desc {
        animation: fadeInUp 0.8s ease-out 0.2s both;
        
        @media screen and (min-width: 992px) {
          min-width: 440px;
          max-width: 26em;
        }

        @media screen and (max-width: 767px) {
          max-width: 100%;
        }
      }

      .c-btn-container {
        animation: fadeInUp 0.8s ease-out 0.4s both;
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing--small);

        @media screen and (max-width: 767px) {
          justify-content: {{ section.settings.mobile_content_alignment }};
        }
      }
    }
  }

  /* Animations */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(30px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  /* Reduced motion support */
  @media (prefers-reduced-motion: reduce) {
    .o-sec.home-hero * {
      animation: none !important;
      transition: none !important;
    }
  }

  /* High contrast mode support */
  @media (prefers-contrast: high) {
    .o-sec.home-hero {
      border: 2px solid currentColor;
    }
  }
/* END_SECTION:home-hero */

/* START_SECTION:how-it-works (INDEX:12) */
.o-sec.how-it-works {
    text-align: center;
  }
/* END_SECTION:how-it-works */

/* START_SECTION:image-text (INDEX:13) */
.c-img-text_col {
    aspect-ratio: 1;
    width: 50%;
    position: relative;

    @media screen and (max-width: 991px) {
      width: 100%;
      aspect-ratio: 1 / 0.75;
    }

    &.text {
      padding: var(--spacing--large);
      flex-flow: column;
      justify-content: center;
      align-items: flex-start;
      display: flex;

      @media screen and (max-width: 991px) {
        padding: var(--spacing--x-large) var(--spacing--medium);
        aspect-ratio: auto;
      }
    }

    &.form {
      background-color: var(--color--blue);
      justify-content: center;
      align-items: center;
      display: flex;

      @media screen and (max-width: 767px) {
        aspect-ratio: auto;
      }
    }
  }

  .c-img-text_inner {
    position: relative;
    z-index: 2;

    @media screen and (max-width: 991px) {
      max-width: 28em;
    }

    &.has-bg {
      padding-left: var(--spacing--x-large);
      padding-right: var(--spacing--x-large);

      @media screen and (max-width: 767px) {
        padding-left: var(--spacing--medium);
        padding-right: var(--spacing--medium);
      }
    }
  }

  .c-block.img-text[data-variant="image-left"] .c-img-text_inner.has-bg {
    padding-left: var(--spacing--medium);
    padding-right: var(--spacing--xx-large);

    @media screen and (max-width: 767px) {
      padding-left: var(--spacing--medium);
      padding-right: var(--spacing--medium);
    }
  }

  .c-img-text_desc {
    max-width: 36em;

    @media screen and (max-width: 991px) {
      max-width: 28em;
    }
  }

  .c-img-text_content {
    width: 100%;
  }
/* END_SECTION:image-text */

/* START_SECTION:interior-hero (INDEX:14) */
.o-sec.interior-hero {
    margin-bottom: var(--spacing--small);
    color: var(--color--white);
    background-color: var(--color--black);


    .o-row.interior-hero {
      justify-content: flex-start;
      align-items: flex-end;
    }
  }
/* END_SECTION:interior-hero */

/* START_SECTION:returns-cancellations-form (INDEX:27) */
.c-block.returns-cancellations {
    flex-direction: row-reverse;

    @media screen and (max-width: 991px) {
      flex-direction: column;
    }

    .c-img-text_col.text {
      padding-left: var(--spacing--x-large);
      padding-right: var(--spacing--x-large);

      @media screen and (max-width: 991px) {
        padding-left: var(--spacing--large);
        padding-right: var(--spacing--large);
      }

      @media screen and (max-width: 767px) {
        padding-left: var(--spacing--medium);
        padding-right: var(--spacing--medium);
      }
    }

    .c-grid.img-text {
      @media screen and (min-width: 768px) and (max-width: 991px) {
        grid-template-columns: 1fr 1fr 1fr;
      }

      @media screen and (max-width: 991px) {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
      }
    }
  }
/* END_SECTION:returns-cancellations-form */

/* START_SECTION:text-image-background (INDEX:29) */
.c-block.text-image-background {
    .c-block-inner {
      padding: var(--spacing--xx-large) var(--spacing--large);

      @media screen and (max-width: 991px) {
        background-image: linear-gradient(to right, rgba(2, 6, 24, 1) 33%, rgba(2, 6, 24, 0));
      }
    }

    &[data-variant="center"] {
      .c-block-inner {
        @media screen and (max-width: 991px) {
          background-image: none;
        }
      }
    }
  }

  .c-img-background_desc {
    max-width: 38em;

    @media screen and (max-width: 991px) {
      max-width: 28em;
    }
  }
/* END_SECTION:text-image-background */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:card-bento (INDEX:33) */
.c-block.card.bento {
    aspect-ratio: auto;
    min-height: 0;
    padding-top: 100%;

    &:where([data-variant="half"]) {
      padding-top: calc(50% - .75em);
    }

    .c-card-text.bento {
      background-image: linear-gradient(rgba(2, 6, 24, 0) 33%, rgba(2, 6, 24, 0.75));
    }

    .c-underline-link::before,
    .c-underline-link::after {
      background-color: var(--color--white);
    }
  }
/* END_SNIPPET:card-bento */

/* START_SNIPPET:card-category (INDEX:34) */
@media (hover: hover) and (pointer: fine) {
    .c-block.card.category .c-underline-link {
      margin-bottom: -2.5em;
      opacity: 0;
      transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
    }
    .c-block.card.category .c-underline-link::before {
      transform-origin: left !important;
      transform: scaleX(1) rotate(0.001deg) !important;
    }
    .c-block.card.category .c-underline-link::after {
      transform-origin: right !important;
      transform: scaleX(0) rotate(0.001deg) !important;
    }
    .c-block.card.category:hover .c-underline-link {
      margin-bottom: 0;
      opacity: 1;
    }
  }

  .c-block.card.category .c-card-text {
    background-image: linear-gradient(rgba(2, 6, 24, 0) 0%, rgba(2, 6, 24, 1));
  }

  .c-block.card.category[data-variant="short"] {
    aspect-ratio: 1 / 0.25;

    @media screen and (max-width: 991px) {
      aspect-ratio: 1 / 0.4;
    }
  }
/* END_SNIPPET:card-category */

/* START_SNIPPET:card-product (INDEX:36) */
.c-product-card {
    .c-product-card_link {
      display:block;width:100%;aspect-ratio:1/1;position:relative;
      @media (hover:hover) and (pointer:fine){ &:hover{ .c-product-card_button{opacity:1} } }
    }
  }
  .c-product-card_info{display:flex;flex-flow:column;gap:.25em}
  .c-product-card_button{
    z-index:3;opacity:0;display:flex;justify-content:center;align-items:flex-end;
    width:100%;height:100%;padding:1em 2em;transition:opacity .6s cubic-bezier(.165,.84,.44,1);
    position:absolute;top:0;bottom:0;
  }
  .c-btn.product-card{width:100%;display:block}
  .c-block.card.product{aspect-ratio:1/1;width:100%}

  /* Swatches */
  .c-swatches{display:flex;gap:8px;align-items:center;position:relative;z-index:5}
  .c-swatch{
    width:22px;height:22px;border-radius:50%;border:1px solid #d1d5db;background:#eee;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;padding:0;
  }
  .c-swatch.active{border:2px solid var(--color--black)}
  .c-swatch.is-soldout{background:#f3f4f6;border-style:dashed}
/* END_SNIPPET:card-product */

/* START_SNIPPET:card-testimonial (INDEX:38) */
.c-testimonial-quote {
    max-width: 15em;
  }

  .c-testimonial-quote blockquote {
    margin: 0;
  }

  .c-testimonial-credit {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    display: flex;
  }

  .c-testimonial-spacer {
    width: 1px;
    height: 1px;
  }
/* END_SNIPPET:card-testimonial */

/* START_SNIPPET:icon-text (INDEX:39) */
.c-icon-text_wrap {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }
/* END_SNIPPET:icon-text */

/* START_SNIPPET:number-list (INDEX:42) */
.c-numbered-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    max-width: 38em;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .c-numbered-list_item {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .c-numbered-item_left {
    width: 5rem;
    margin-top: -.125rem;
  }

  .c-numbered-item_right {
    flex-flow: column;
    width: calc(100% - 4.5rem);
    display: flex;
  }
/* END_SNIPPET:number-list */