/** Shopify CDN: Minification failed

Line 477:66 Unexpected "{"
Line 937:0 Expected "}" to go with "{"

**/
/*------------------------------------
 *   CUSTOM FONTS
 *------------------------------------*/


@font-face { 
font-family: 'kessler';
src: url(/cdn/shop/files/kesslersuperdisplay-regular-webfont.woff2?v=1777063276) format('woff2'), 
src: url(/cdn/shop/files/kesslersuperdisplay-regular-webfont.woff?v=1777063276) format('woff');
} 


h1, .h1, h2, .h2 {
  font-family: kessler !important;
}

h1, h2 {
  font-size: 4rem !important;
  text-wrap: balance;
}

@media screen and (max-width: 767px) {
  h1, h2 {
  font-size: 2.3rem !important;
  text-wrap: balance;
}
}

.h3, h3 {
font-family: var(--font-sweet) !important;
font-weight: var(--font-sweet-weight) !important;
font-style: var(--font-sweet-style) !important;
text-transform: uppercase !important;
}

h4, .h4 {
font-family: var(--font-sweet) !important;
font-weight: var(--font-sweet-weight) !important;
font-style: var(--font-sweet-style) !important;
text-transform: uppercase !important;
letter-spacing: var(--font-sweet-spacing) !important;
}

.color-background-1 p, .color-accent-1 p {
  color: #000 !important;
}

.color-background-2 p {
  color: #fff !important;
}

p, .p {
    font-family: quasimoda !important;
font-weight: 300;
font-style: normal;
opacity: 1 !important;
}


:root {
   --font-heading-family: 'kessler' !important;
   --font-body-family: 'quasimoda' !important;
}


.button {
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
margin-top: 5%;
}

.image-with-text__text--caption {
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}

.rich-text__caption {
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}



.card__heading {
  font-family: kessler !important;
  text-transform: none !important;
  font-size: 2.5rem !important;
  letter-spacing: 0em !important;
}
.card__dimensions {
  margin: 3px 0px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  color: #000 !important;
}
 

.multicolumn-card .link {
  font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: .1em !important;
}



/*------------------------------------
 *   multicolumn - hover reveal
 *------------------------------------*/



/* Hover Reveal Multicolumn */
.hover-reveal .multicolumn-card {
  display: grid;
  position: relative;
  overflow: hidden;
}

.hover-reveal .multicolumn-card > * {
  grid-area: 1 / 1;
}

.hover-reveal .multicolumn-card__image-wrapper {
  position: relative;
}

/* Gradient overlay — smoother blend */
.hover-reveal .multicolumn-card__image-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, #CFC7B5 0%, #CFC7B5 10%, rgba(207,199,181,0.7) 40%, rgba(207,199,181,0) 100%);
  z-index: 1;
  pointer-events: none;
  transition: height 0.6s ease, background 0.6s ease;
}

/* Info overlays image, pinned to bottom */
.hover-reveal .multicolumn-card__info {
  align-self: end;
  position: relative;
  z-index: 2;
  padding: 0.2rem 1.5rem;
  transition: padding 0.6s ease;
}

.hover-reveal .multicolumn-card__info h3 {
  margin: 0;
  color: #3B3B3D;
  font-family: kessler !important;
  text-transform: none !important;
  font-size: 2.5rem !important;
}

/* Hide text and link */
.hover-reveal .multicolumn-card__info .rte,
.hover-reveal .multicolumn-card__info .link {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.6s ease, max-height 0.6s ease;
  color: #3B3B3D;
}

.hover-reveal .multicolumn-card__info .link {
  color: #3B3B3D;
}

/* On hover — reveal content, gradient covers full image */
.hover-reveal .multicolumn-card:hover .multicolumn-card__info {
  padding-bottom: 0.6rem;
}

.hover-reveal .multicolumn-card .multicolumn-card__info .ret {
  line-height: 1.3em !important;
    width: 85% !important;
      margin: auto !important;
        max-height: 200px;
}


.hover-reveal .multicolumn-card .multicolumn-card__info .link {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  line-height: 1.3em;
}

.hover-reveal .multicolumn-card:hover .multicolumn-card__info .rte,
.hover-reveal .multicolumn-card:hover .multicolumn-card__info .link {
  opacity: 1;
  max-height: 200px;
  line-height: 1.3em;
  width: 85%;
  margin: auto;
}

.hover-reveal .multicolumn-card:hover .multicolumn-card__image-wrapper::after {
  height: 100%;
background: linear-gradient(to top, #CFC7B5 0%, #CFC7B5 35%, rgba(207,199,181,0.85) 50%, rgba(207,199,181,0.6) 65%, rgba(207,199,181,0.3) 80%, rgba(207,199,181,0) 100%);
}







/*------------------------------------
 *   multicolumn - testimonial
 *------------------------------------*/

.testimonial .multicolumn-card__info {
  display: flex;
  gap: 3rem;
  align-items: start;
  padding-left: 0 !important;
}

.testimonial .multicolumn-card__info > * {
  flex: 0 0 calc(50% - 1.5rem);
}

.testimonial .slider-mobile-gutter {
  padding-left: 0 !important;
}

.testimonial h4 {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 749px) {
  .testimonial .multicolumn-card__info {
    flex-direction: column;
  }

  .testimonial .multicolumn-card__info > * {
    flex: 1 1 100%;
  }
}






/*------------------------------------
 *   PRODUCT GRID
 *------------------------------------*/

.card-wrapper.product-card-wrapper .card__inner+.card__content .card__information {
        display: block !important;
}

#product-grid .card__information .price {
font-size: 14px !important;

}







/*------------------------------------
 *   NEWSLETTER BLOCK
 *------------------------------------*/
.newsletter-block {
  max-width: 500px;
  margin: 0 auto;
}

.homepage--contact-form {
  position: relative;
}

.newsletter-form-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}

.newsletter-block .input-mail {
  flex: 1;
  padding: 1.2rem 1.6rem;
  border: none;
  background: transparent;
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.newsletter-block .input-mail::placeholder {
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.newsletter-block .input-submit {
  background: transparent;
  border: none;
  padding: 1.2rem 1.6rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.newsletter-block .input-submit:hover {
  opacity: 0.6;
}

.newsletter-block .input-submit svg {
  display: block;
}

.newsletter-success {
  text-align: center;
  padding: 2rem;
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}

.newsletter-form__message {
  display: block;
  margin-bottom: 1rem;
  color: rgb(var(--color-error));
  font-size: 12px;
}

@media screen and (max-width: 749px) {
  .newsletter-block .mobile-hidden {
    display: none;
  }
  
  .newsletter-block .desktop-hidden {
    display: block;
  }
}

@media screen and (min-width: 750px) {
  .newsletter-block .desktop-hidden {
    display: none;
  }
  
  .newsletter-block .mobile-hidden {
    display: block;
  }
}








/*------------------------------------
 *   FAQ
 *------------------------------------*/


.question {
  border: 1px solid;
  padding: 5rem;
  background-color: #f9f7f5;
}

.question p {
  text-wrap: balance;
}

.question h3 {
  text-transform: none !important;
  font-family: kessler !important;
  font-size: 3.3rem !important;
}

@media screen and (max-width: 767px) {
  .question {
  border-right: 0px !important;
  border-left: 0px !important;
}




/*------------------------------------
 *   RUG CONSTRUCTION
 *------------------------------------*/


.rug-construction h2 {
  border-bottom: 1px solid !important;
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
}
.rug-construction .ss-col-12 {
  row-gap: 0px !important;
}
.rug-construction .ss-content {
  border: 1px solid !important;
  padding: 5rem !important;
  background-color: #f9f7f5;
}
.rug-construction p {
  text-wrap: balance !important;

}
.rug-construction h3 {
  font-family: kessler !important;
  font-size: 3rem !important;
  text-transform: none !important;
  margin-top: 5% !important;
  margin-bottom: 0px !important;
}
.rug-construction h4 {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 767px) {
  .rug-construction .ss-text__content, .rug-construction .ss-grid__item {
    padding: 0px !important;
  }

  .rug-construction h3, .rug-construction h4, .rug-construction p {
    padding: 0rem 2rem !important;
  }

  .rug-construction p {
    padding-bottom: 2rem !important;
  }

  .rug-construction .ss-content{
    padding: 5rem 2rem !important;
  }

  .construction-item {
    border: 1px solid !important;
    margin-bottom: 10px !important;
  }

  .rug-construction h2 {
    border-bottom: 0px !important;
  }
}




@media screen and (max-width: 767px) {
  .section-template--19118822424685__multicolumn_Likf9x-padding,  {
    padding-top: 75px;
    padding-bottom: 0px !important;
}

.section-template--19118822424685__multicolumn_FQFD7c-padding {
  padding-bottom: 25px !important;
  padding-top: 0px !important;
}


}






@media screen and (max-width: 767px) {
  .section-template--19118755905645__image_with_text_cnP6BX-padding {
    padding-bottom: 15px !important;
  }

  .section-template--19118755905645__image_with_text_r8HKxq-padding {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.section-template--19118822424685__image_with_text_fJPQCk-padding {
    padding-top: 0;
    padding-bottom: 0;
}
}





.utility-bar__button {
  font-size: 1.1rem;
  padding: 6px 14px;
  white-space: nowrap;
  letter-spacing: 0.1em;
}

/*------------------------------------
 *   FOOTER
 *------------------------------------*/

 .footer-block__heading {
  font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid !important;
  padding-bottom: 10px !important;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}


.announcement-bar__message {
    font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  font-size: 1.2rem !important;
  text-wrap: balance;
  width: 90%;
  margin: auto;
}



/*------------------------------------
 *   mobile menu
 *------------------------------------*/


.menu-drawer__navigation > ul.has-submenu > li > .menu-drawer__menu-item,
.menu-drawer__navigation > ul.has-submenu > li > details > summary.menu-drawer__menu-item {
  font-size: 25px;
  letter-spacing: 0em !important;
}



#menu-drawer__menu-item:hover {
  background-color: transparent !important;
}

.menu-drawer__menu-item--active {
  background-color: transparent !important;
  color: #000 !important;
}

.menu-drawer__close-button {
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
font-size: 1.4rem !important;
color: #000 !important;
text-transform: uppercase !important;

}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {
  border-bottom: 0px !important;
}

.menu-drawer__navigation {
  padding: 0px !important;
}

.menu-drawer__navigation > ul > li {
  position: relative;
}

.menu-drawer__navigation > ul > li::after {
  content: '';
  display: block;
  border-bottom: 1px solid #d0d1c9;
  margin: 0 3rem;
}

.menu-drawer__utility-links {
  background-color: transparent !important;
}

.menu-drawer__menu-item--active,
.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
  background-color: transparent !important;
}

.menu-drawer__menu-item--active:hover {
  background-color: transparent !important;
}


/* ================================================
   MOBILE NAV: Accordion/dropdown instead of slide
   ================================================ */

/* Remove the slide-to-new-panel behavior */
.js .menu-drawer__submenu {
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background-color: transparent;
  box-shadow: none;
  filter: none;
}

/* Expand on open */
details[open] > .menu-drawer__submenu {
  max-height: 2000px;
}

/* Don't hide the parent nav level when a submenu opens */
.js .menu-drawer__navigation .submenu-open {
  visibility: visible !important;
}

/* Hide the "back" button — not needed for accordion */
.menu-drawer__close-button {
  display: none !important;
}

/* Let inner submenu be natural height */
.menu-drawer__inner-submenu {
  height: auto;
  overflow: visible;
}

/* Remove all borders in menu drawer */
.menu-drawer__menu li,
.no-js .menu-drawer__submenu ul > li {
  border: none;
}



/* Indentation by level */
.menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 4rem;
}

.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 5.5rem;
}

.menu-drawer .list-menu li {
  border: none !important;
}

.menu-drawer details,
.menu-drawer details + li {
  border: none !important;
}

/*------------------------------------
 *   CART
 *------------------------------------*/

.drawer__inner .totals__total {
  font-size: 2rem !important;
}

.drawer__heading {
  font-size: 2rem !important;
}

.totals__total, .totals__total-value {
  font-size: 1.6rem !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}

.cart-item__name, .cart-item__totals .price {
  margin-top: 0px !important;
  font-size: 1.5rem !important;
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}

.product-option, .cart-items th {
  font-size: 1.3rem;

}

.cart-item__totals  {
  margin-top: 0px !important;
  font-size: 1.5rem !important;
font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}







.select__select,
.facets__item label {
  font-family: quasimoda !important;
  text-transform: none !important;
}

.facets-vertical-form {
        display: flex;
        justify-content: flex-end;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
}





#shopify-section-template--19118756069485__main .accordion-group__title {
  font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
}

.form__label {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: var(--font-sweet) !important;
font-weight: var(--font-sweet-weight) !important;
font-style: var(--font-sweet-style) !important;
letter-spacing: var(--font-sweet-spacing) !important;
}


#shopify-section-template--19118756069485__main .subtitle,
shopify-section-template--19118756069485__main .stylish-bordered-block {
  margin-top: 50px;
}



.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div {
  margin: 0 !important;
}




#section-sections--19118756167789__power_footer_eGezAV .ss-text__content h2 {
    display: block !important;
}





.servicify-popup-calendar-button {
  max-width: 100px !important;
  margin: auto !important;
    font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase !important;
  font-size: 1.3rem !important;

}




.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div .btn {
      font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase !important;
  font-size: 1.3rem !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div input {
  font-family: quasimoda !important;
font-weight: 300 !important;
font-style: normal !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div input[type=checkbox]+label {
  font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase !important;
  font-size: 1.1rem !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div .block_label {
    font-family: quasimoda !important;
font-weight: 300 !important;
font-style: italic !important;
font-size: 1.2rem !important;
letter-spacing: 0em !important;
padding-left: 10px !important;
}
#formElement_7 p {
  font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase !important;
  font-size: 1.1rem !important;
}



.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div p {
    margin: 0 0 10px;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div p {
    margin: 0 0 10px;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div {
  margin: 0 !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div .btn, .form_generater_form_div .block_label {
      font-family: var(--font-sweet) !important;
  font-weight: var(--font-sweet-weight) !important;
  font-style: var(--font-sweet-style) !important;
  letter-spacing: var(--font-sweet-spacing) !important;
  text-transform: uppercase !important;
  font-size: 1.3rem !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div input {
  font-family: quasimoda !important;
font-weight: 300 !important;
font-style: normal !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div input[type=checkbox]+label {
  font-family: quasimoda !important;
font-weight: 300 !important;
font-style: normal !important;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div .block_label {
    font-family: quasimoda !important;
font-weight: 300 !important;
font-size: 1.2rem !important;
letter-spacing: 0em !important;
}




.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div input {
letter-spacing: 0em !important;
}


.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div p {
    margin: 0 0 10px;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div p {
    margin: 0 0 10px;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.pxFormGenerator .formContainer #formGeneratorForm .form_generater_form_div {
  margin: 0 !important;
}


















