/** Shopify CDN: Minification failed

Line 295:0 Unexpected "<"
Line 305:4 Unexpected "<"

**/


/* CSS from section stylesheet tags */
.about-us {
     display: grid;
    grid-template-columns: .4fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.about-us-ctas {
      display: grid;
    grid-template-columns: .6fr .4fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;

}

  .about-us img {
width:100%;
    
  }

.about-us-content-area {
    padding-right: 10%;
    align-self: center;
    padding-left: 5%;
}

   .about-us-content-area img {

     max-width:300px;
     margin:0 auto;
    
  }

  .about-us-content-area p {
    font-size: 24px;
    line-height: 150%;
  
}

.about-us-content-area h2 {
    font-size: 60px; 
    line-height: 100%;
    font-weight: 700;
    word-break: keep-all;
    padding: 0;
    margin: 0;
    color: #4d7f73;
}

.about-us-content-area h2 span {
    display: block;
  font-weight:300;
}

.tw-btn {
    background: white;
    border: 1px solid #4d7f73;
    color: #4d7f73;
    font-size: 24px;
    
  }

  @media screen and (max-width:768px) {
.about-us {
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.about-us-ctas {
      display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;

}
    
  }
.awareness-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
   
    color: #fff;
    padding: 0;
    gap: 2rem;
    align-items: center;

    max-width: 1000px;
    margin: 0 auto;
}

  .awareness-container {
 background-color: #005a5a;
    
  }

.awareness-banner .left {
padding:2rem;
}
  
.awareness-banner .left p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.awareness-banner .left strong {
  font-weight: bold;
  color: #fff;
}

.awareness-banner .buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.awareness-banner .btn {
  background: transparent;
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.awareness-banner .btn:hover {
  background: #fff;
  color: #005a5a;
}

.awareness-banner .right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.awareness-banner .ribbon {
  width: 60px;
  height: 100px;
  background: linear-gradient(145deg, #66b2b2, #2a7d7d);
  clip-path: polygon(50% 0%, 70% 30%, 100% 0, 100% 100%, 70% 70%, 50% 100%, 30% 70%, 0 100%, 0 0, 30% 30%);
}

.awareness-banner .text h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0;
}

.awareness-banner .text span {
  display: inline-block;
  margin-top: 0.3rem;
  font-size: 0.9rem;
  background: #fff;
  color: #005a5a;
  padding: 0.2rem 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
}


@media (max-width: 768px) {
  .awareness-banner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .awareness-banner .right {
    flex-direction: column;
    justify-content: center;
  }

  .awareness-banner .buttons {
    justify-content: center;
  }

  .awareness-banner .ribbon {
    margin-bottom: 1rem;
  }
}

  .awareness-banner .awareness-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.boutique {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0;
    grid-auto-flow: row;
    padding: 50px;
    align-self: center;
    background: url(https://cdn.shopify.com/s/files/1/0648/7588/8874/files/home-rainbow-header.jpg) !important;
    background-size: cover;
    min-height: 100vh;
    justify-content: center;
    text-align: center;
}

  .boutique img {
width:100%;
    
  }

.boutique-feature {
    background: url(https://cdn.shopify.com/s/files/1/0648/7588/8874/files/yellow-chair_275794472-1080px.jpg);
    background-size: cover;
    align-self: auto;
    background-position: center;
    padding: 50px;
    justify-content: flex-end;
    text-align: right;
  position:relative;
}

  .boutique-feature p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: normal;
    line-height:1.25;
}

    .boutique-feature p span {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
      display:block;
}


.boutique-feature a {
    background: white!important;
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    max-width: 350px;
    position: absolute;
    bottom: 50%;
    right: 15%;
}
.double-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". ." ". .";
    padding: 20px;
}

  .double-column-grid img {
width:100%;
    
  }

  @media screen and (max-width:768px) {
.double-column-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". " ". ";
    padding: 20px;
}
    
  }
<style>

        @media screen and (max-width:768px) {

        .grid {
    grid-template-columns:1fr !important;

        }
      }

    </style>
.slick-slide img {
        width: 100% !important;
      }

      nav.breadcrumb.text-center {
        display: none;
    }

    .slick-prev,
  .slick-next {
    top: 50%; /* Positions the arrows halfway down the slide */
    transform: translateY(-50%); /* Ensures the arrows are centered vertically */
  }

  .slick-prev {
    left: 25px; /* Adjust as necessary for your design */
  }

  .slick-next {
    right: 25px; /* Adjust as necessary for your design */
  }
.featured {
     display: grid;
    grid-template-columns: .4fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.featured-ctas {
      display: grid;
    grid-template-columns: .6fr .4fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;
  align-items:center;

}

  .featured img {
width:100%;
    
  }

.featured-content-area {
    padding-right: 10%;
    align-self: center;
    padding-left: 5%;
}

   .featured-content-area img {

     max-width:300px;
     margin:0 auto;
    
  }

  .featured-content-area p {
    font-size: 24px;
    line-height: 150%;
  
}

.featured-content-area h2 {
    font-size: 60px; 
    line-height: 100%;
    font-weight: 700;
    word-break: keep-all;
    padding: 0;
    margin: 0;
    color: #7a4183;
}

.featured-content-area h2 span {
    display: block;
  font-weight:300;
}

.tw-btn {
    background: white;
    border: 1px solid #4d7f73;
    color: #4d7f73;
    font-size: 24px;
    
  }

/* Button visibility control */
.mobile-button {
  display: none !important;
  visibility: hidden !important;
}

.desktop-button {
  display: inline-block !important;
  visibility: visible !important;
}

  @media screen and (max-width:768px) {
.featured {
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.featured-ctas {
      display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
}

/* Mobile button visibility */
.mobile-button {
  display: inline-block !important;
  visibility: visible !important;
}

.desktop-button {
  display: none !important;
  visibility: hidden !important;
}
    
  }
.home-ad-grid {       display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0px 0px;
    grid-auto-flow: row;
    padding: 0 20px;
    grid-template-areas: "top top top"
"middle1 middle2 middle3"
"bottom bottom bottom";
    gap: 20px;
}

.home-ad-grid img {
width:100%;
  
}  
  
.top { grid-area: top; }

.bottom { grid-area: bottom; }

.middle1 { grid-area: middle1; }

.middle2 { grid-area: middle2; }

.middle3 { grid-area: middle3; }

@media all and (-ms-high-contrast:none) {
  .home-ad-grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: repeat(3, 1fr);
  }

  .top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }

  .bottom {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }

  .middle1 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .middle2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }

  .middle3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}


@media screen and (max-width:768px) {
.home-ad-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    padding: 0 20px;
    grid-template-areas: "top"
"middle1"
"middle2"
"middle3"
"bottom";
    gap: 20px;
}
  
}
.locations {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0;
    grid-auto-flow: auto;
    padding: 0px;
}

  .locations img {
width:100%;
    
  }
.double-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". ." ". .";
    padding: 20px;
}

  @media screen and (max-width:768px) {
.double-column-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". " ". ";
    padding: 20px;
}
    
  }
.menu-bar {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-template-rows: auto;
    gap: 0;
    grid-auto-flow: row;
    padding: 50px;
    align-self: center;
    background: white;
    background-size: cover;
   
    justify-content: center;
    text-align: center;
  text-transform:uppercase;
}

  .menu-bar img {
width:100%;
    
  }

.menu-bar-feature {
   
    background-size: cover;
    align-self: auto;
    background-position: center;
    padding: 50px;
    justify-content: flex-end;
    text-align: right;
  position:relative;
}

  .menu-bar-feature p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: normal;
    line-height:1.25;
}

    .menu-bar-feature p span {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
      display:block;
}


.menu-bar-feature a {
    background: white!important;
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    max-width: 350px;
    position: absolute;
    bottom: 50%;
    right: 15%;
}

  
@media screen and (max-width:1081px) {
.menu-bar {

    grid-template-columns: 1fr !important;
    padding: 20px;

}
  
}
.pickups {
     display: grid;
    grid-template-columns: .4fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.pickups-ctas {
      display: grid;
    grid-template-columns: .6fr .4fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;

}

  .pickups img {
width:100%;
    
  }

.pickups-content-area {
    padding-right: 10%;
    align-self: center;
    padding-left: 5%;
}

   .pickups-content-area img {

     max-width:300px;
     margin:0 auto;
    
  }

  .pickups-content-area p {
    font-size: 24px;
    line-height: 150%;
  
}

.pickups-content-area h2 {
    font-size: 60px; 
    line-height: 100%;
    font-weight: 700;
    word-break: keep-all;
    padding: 0;
    margin: 0;
    color: #4d7f73;
}

.pickups-content-area h2 span {
    display: block;
  font-weight:300;
}

.tw-btn {
    background: white;
    border: 1px solid #4d7f73;
    color: #4d7f73;
    font-size: 24px;
    
  }


.form {
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: column;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}
  

  @media screen and (max-width:768px) {
.pickups {
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    max-width: 1440px;
    padding: 20px;
    margin: 0 auto;
}

.pickups-ctas {
      display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;

}
    
  }
.weekly-sales-section {
  position: relative;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 4rem 2rem 6rem;
  color: white;
  text-transform: uppercase;
}

.weekly-sales-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(90, 48, 95, 0.62); /* overlay at 62% opacity */
  z-index: 0;
}

.weekly-sales-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.weekly-sales-content h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: white;
}

.weekly-sales-content p {
  font-size: 1.25rem;
  font-weight: 500;
  color: white;
}

.weekly-sales-bottom-bar {
  background-color: #5a305f;
  color: white;
  text-align: center;
  padding: 1rem 2rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.weekly-deals-section {
  background-color: rgba(90, 48, 95, 0.1);
  padding: 3rem 2rem;
  font-family: sans-serif;
}

.weekly-deals-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.weekly-deal {
  padding: 1rem;
}

.weekly-deal h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.weekly-deal p {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
}

.weekly-deal.upcoming h3 {
  color: #5a305f;
}

/* Responsive layout: 3-2-1 columns */
@media (max-width: 1024px) {
  .weekly-deals-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .weekly-deals-grid {
    grid-template-columns: 1fr;
  }
}