/** Shopify CDN: Minification failed

Line 5866:0 Unexpected "}"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
html {
  scroll-behavior: smooth;
}
.container {
  max-width: 100% !important;
  padding: 0px 8% !important;
  z-index: 0;
}
.positionContainer {
  max-width: 1640px !important;
  padding: 0px 20px !important;
}
.fullWidthContainer {
  padding: 0px 5% !important;
}
.container.two_col-img_txt_container {
  padding: 0px 5% !important;
}
.small-container {
  max-width: 800px;
  margin: 0 auto;
}
.midContainer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 15px;
}
.sheetContainer {
  max-width: 1400px;
}
header {
  padding: 25.5px 0px;
  background: #fff;
}
.header__icon svg.icon path {
  fill: #3b3b3c;
}
.halo-search-popup svg path {
  color: #3b3b3c;
}
.header__icon svg.icon {
  fill: #3B3B3C !important;
}
main.wrapper-body {
  padding-bottom: 0px;
}
.list-menu li a {
  padding: 0px 18px !important; 
}
.list-menu li a:hover {
  text-decoration: none;
}
.list-menu li.dropdown:last-child a.focus-inset {
  border-left: 1px solid #D9D9D9;
}
.list-menu li.dropdown ul li a {
  border-left: none !important;
}
.list-menu li .menu-dropdown {
  background: transparent;
  border: 0px !important;
  overflow: visible;
  padding-top: 20px;
  max-width: 1200px;
  margin: 0 auto;
  right: 0;
}
.list-menu li .menu-dropdown .menu-dropdown__column .best-sellers .site-nav-list a.site-nav-title, .list-menu li .menu-dropdown .menu-dropdown__column .best-sellers .site-nav-sub ul.list-unstyled li a {
  position: relative;
  padding: 17.5px 20px 17.5px 45px !important;
  background: #f8f7f3;
  border-radius: 5px;
  margin: 10px 0px;
  width: 100%;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  color: #3b3b3c;
  border: 1px solid #f8f7f3;
}
.list-menu li .menu-dropdown .menu-dropdown__column .best-sellers .site-nav-list a.site-nav-title:hover {
  text-decoration: underline;
}
.list-menu li .menu-dropdown .menu-dropdown__column .best-sellers .site-nav-list a.site-nav-title span.text {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  color: #3b3b3c;
}
.list-menu li .menu-dropdown .menu-dropdown__column .best-sellers .site-nav-list a.site-nav-title:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 13px;
  background: url(/cdn/shop/files/Group.svg?v=1670325821) no-repeat;
  background-size: 23px;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  z-index: 0;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li a .text {
  letter-spacing: .21em;
  font-size: 11px;
  line-height: 13px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li a:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 13px;
  background: url(/cdn/shop/files/Group.svg?v=1670325821) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
}

.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li:nth-child(2) a:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 13px;
  background: url(/cdn/shop/files/Vector.svg?v=1670325821) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li:nth-child(3) a:after {
  background: url(/cdn/shop/files/Vector_1.svg?v=1670325821) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  height: 27px;
  top: 12px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li:nth-child(4) a:after {
  background: url(/cdn/shop/files/Group_1800.svg?v=1670325821) no-repeat;
  background-size: 22px;
  height: 23px;
  background-repeat: no-repeat;
  width: 22px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li:nth-child(5) a:after {
  background: url(/cdn/shop/files/Vector_2.svg?v=1670325821) no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  left: 10px;
  top: 20px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .site-nav-sub ul.list-unstyled li:nth-child(6) a:after {
  background: url(/cdn/shop/files/Group_1801.svg?v=1670325821) no-repeat;
  background-size: 20px;
}
.list-menu li .menu-dropdown .menu-dropdown__wrapper {
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgb(169 160 160 / 25%);
  padding: 50px 10px 30px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .style .site-nav-list a.site-nav-title, .list-menu li .menu-dropdown .menu-dropdown__column .color .site-nav-list a.site-nav-title, .list-menu li .menu-dropdown .menu-dropdown__column .room .site-nav-list a.site-nav-title {
  margin-bottom: 10px;
}
.list-menu li .menu-dropdown .menu-dropdown__column .style .site-nav-sub ul.list-unstyled li a, .list-menu li .menu-dropdown .menu-dropdown__column .color .site-nav-sub ul.list-unstyled li a, .list-menu li .menu-dropdown .menu-dropdown__column .room .site-nav-sub ul.list-unstyled li a {
  padding: 5px 0px !important;
}
.list-menu li .menu-dropdown .menu-dropdown__column .style .site-nav-sub ul.list-unstyled li a:after, .list-menu li .menu-dropdown .menu-dropdown__column .color .site-nav-sub ul.list-unstyled li a:after, .list-menu li .menu-dropdown .menu-dropdown__column .room .site-nav-sub ul.list-unstyled li a:after {
  display: none;
}
.list-menu li .megamenu_style_1 .site-nav a.image,
.list-menu li .megamenu_style_2 .site-nav a.image,
.list-menu li .megamenu_style_3 .site-nav a.image,
.list-menu li .megamenu_style_4 .site-nav a.image,
.list-menu li .megamenu_style_5 .site-nav a.image {
  padding: 60px 0px !important;
  width: 100%;
  order: 0;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list .site-nav-title,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list .site-nav-title,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-title,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list .site-nav-title,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list .site-nav-title {
  order: 1;
  padding: 0px !important;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list .site-nav-title span,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list .site-nav-title span,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-title span,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list .site-nav-title span,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list .site-nav-title span {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #3b3b3c;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list .site-nav-sub,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list .site-nav-sub,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-sub,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list .site-nav-sub,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list .site-nav-sub {
  order: 2;
  padding: 0px !important;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list .site-nav-sub a,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list .site-nav-sub a,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-sub a,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list .site-nav-sub a,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list .site-nav-sub a {
  padding: 0px !important;
  border:none;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list {
    display: flex;
    flex-direction: column;
}

.list-menu li .megamenu_style_1 .site-nav a.adaptive_height img,
.list-menu li .megamenu_style_2 .site-nav a.adaptive_height img,
.list-menu li .megamenu_style_3 .site-nav a.adaptive_height img,
.list-menu li .megamenu_style_4 .site-nav a.adaptive_height img,
.list-menu li .megamenu_style_5 .site-nav a.adaptive_height img {
    object-fit: contain !important;
    object-position: center left !important;
}

.list-menu li .megamenu_style_1 .site-nav .site-nav-list .icon-dropdown,
.list-menu li .megamenu_style_2 .site-nav .site-nav-list .icon-dropdown,
.list-menu li .megamenu_style_3 .site-nav .site-nav-list .icon-dropdown,
.list-menu li .megamenu_style_4 .site-nav .site-nav-list .icon-dropdown,
.list-menu li .megamenu_style_5 .site-nav .site-nav-list .icon-dropdown {
  display: none !important;
}
/* menu item css */

/* home page css */

.mfp-container {
  max-width: 1150px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.mfp-close {
  right: 20%;
  top: 25px;
}

.helpMenus {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: #fff;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  padding: 30px;
}
.helpMenus .helpMenu {
  width: calc(33.3% - 10px);
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.helpMenus .helpMenu:hover h4 {
  text-decoration: underline;
}
.list-menu .helpMenuImage a {
  padding: 0px 0px !important;
  width: 100%;
  height: 100%;
}
.helpMenuImage {
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 50%;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.helpMenuImage img {
  width: 100%;
  height: 100%;
}
.helpMenuText {
  width: calc(100% - 110px);
}
.helpMenuText a {
  padding: 0px !important;
  display: inline-block;
}
.helpMenuText h4 {
  margin: 0;
  font-size: 19px;
  line-height: 24px;
  color: #3b3b3c;
}
.helpMenuText h4 a {
  padding: 0px !important;
  color: #3b3b3c;
}
.helpMenuText p {
  margin: 0px;
  color: #3b3b3c;
  font-size: 15px;
  line-height: 25px;
}
.cutomOrderMenus {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: #fff;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  padding: 30px;
}
.cutomOrderMenuText {
  width: 30%;
  padding: 20px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.cutomOrderMenus .cutomOrderMenuText a.btn.button {
  padding: 17.5px 20px !important;
  max-width: 153px;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  border: 1px solid #3b3b3c;
}
.cutomOrderMenus .cutomOrderMenuText h4 {
  margin: 20px 0 0px;
  font-size: 28px;
  line-height: 33px;
}
.cutomOrderMenus .cutomOrderMenuText p {
  margin-top: 0;
  margin-bottom: 20px;
}
.cutomOrderMenuText .cutomOrderIconImage {
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 50%;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cutomOrderMenuText .cutomOrderIconImage img {
  width: 100%;
}
.cutomOrderMenuImage {
  width: calc(70% - 15px);
  height: 280px;
} 
.cutomOrderMenuImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* menu item css close */


h1, h2, h3, h4, h5, h6 {
  letter-spacing: .2px;
  color: #3b3b3c;
}
h1 {
  font-size: 60px;
  line-height: 65px;
}
h2 {
  font-size: 48px;
  line-height: 53px;
}
h3 {
  font-size: 43px;
  line-height: 48px;
}
h4 {
  font-size: 31px;
  line-height: 36px;
}
h5 {
  font-size: 19px;
  line-height: 32px;
  letter-spacing: .2px;
}
p {
  font-weight: 300;
  color: #3b3b3c;
  font-size: 19px;
  line-height: 32px;
}
.rich-text__text.rte {
  font-weight: 300;
}
.design_h2{
  width: fit-content;
  position:relative;
  font-style: normal;
  font-size: 48px;
  line-height: 53px;
  color: #3B3B3C;
  margin-top: 0px;
}
/* h2.design_h2:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 2px;
  left: 0;
  bottom: -3px;
  background: linear-gradient(90deg, #f5f1ed 56.57%, rgba(59, 59, 60, 0) 94.91%);
  z-index: 999;
  transform: rotate(15deg);
} */
.featured_box .design_h2:after {
    width: 165px;
}
.design_h2:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -2px;
/*     background: linear-gradient(90deg, #3b3b3c 56.57%, rgba(59, 59, 60, 0) 94.91%); */
    background: url(/cdn/shop/files/belowBorder.png?v=1666704117) no-repeat;
    background-size: contain;
}

/* fixing css */

/* .main_featuredBox .container{
  padding:0px 88px !important;
} */
.main_featuredBox .text_side p{ 
  max-width:300px !important;    
  margin-bottom: 40px;
  color: #3b3b3c;
  font-family: 'Lato';
}
.featured_box .products_side {
  width:70%;
}
.featured_box .products_side .product__block .product-image{
  height:100%;
}
.featured_box .products_side .product__block .item {
  position: relative;
  width: 100%;
  padding-top: 124.7%;
}
.main_featuredBox .featured_box {
  justify-content:space-between;
}

/* fixing css close */

/* Button Css */
.design__btn {
  color: #fff;
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  margin: 0;
  width: auto;
  letter-spacing: .21em;
  border-radius:5px;
  padding: 17.5px 20px;
}
.design__btn:hover{
  color: #3b3b3c;
  background: transparent;
}
.spotlight-button.button  {
  font-size: 11px !important;
  line-height: 13px;
  letter-spacing: .21em;
  padding-top: 17px;
  padding-bottom: 17px;
}
/* Annoucment Bar Css */
.cstmRow, .contact__info_block{
  display:flex;
  align-items:center;
}
.contact__info_block{
  width:30%;
      gap: 15px;
}
.announcement-bar__message{
  width:40%;
}
.announcement-bar__message .message {
  font-weight: 400;
}
.template-product .announcement-bar .container .row {
  margin: 0px !important;
}
.cstmRow .doubly-wrapper {
  display: block;
  width: 30%;
}
.doubly-wrapper {
  display: none;
}
.currency__block{
  width:30%;
  text-align:right;
}
/* Menu Css */
.menu-lv-item .text {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.2px;
  font-size: 12px;
  color: #3b3b3c;
}
.menu-lv-item.menu-lv-1 .icon-dropdown {
  display: inline-block !important;
  padding-right: 5px !important;
}
.menu-lv-item.menu-lv-1 .icon-dropdown svg{
  transform: rotate(90deg);
  top: 10px;
  right: 13px;
  fill: #3b3b3c;
}
.menu-lv-item:hover .icon-dropdown svg{
  transform: rotate(270deg);
}

/* Currency CSS */
.halo-top-currency.show .dropdown-currency{
  opacity:1;
  pointer-events: auto;
}
.dropdown-currency{
      top: 35px !important;
    right: 20px !important;
  z-index:2 !important;
}
#shopify-section-header-02{
  z-index:1 !important;
}
.currency-dropdown .icon {
  width: 22px;
  height: 22px;
}
.currency-dropdown .text {
  font-size: 14px;
  line-height: 28px;
  color: #3b3b3c;
}
.cart-count-bubble {
  margin-left: 0px !important;
}
/* Banner CSS */
#slideshow-wrapper-template--14371536044078__16321237356a896dad .slick-dots {
  bottom: auto !important;
  top: 50%;
  transform: rotate(90deg);
  left: 5% !important;
  background: none !important;
}
#slideshow-wrapper-template--14371536044078__16321237356a896dad .slick-dots li {
  margin: 0px 3px;
}
#slideshow-wrapper-template--14371536044078__16321237356a896dad .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  background: #fff !important;
  opacity: .5;
}
#slideshow-wrapper-template--14371536044078__16321237356a896dad .slick-dots li.slick-active button {
  opacity: 1;
}
#coloritto .card {
  border: none;
}
#coloritto .card:hover {
  box-shadow: none;
}
#coloritto .card-information {
  position: absolute;
  bottom: auto;
  top: 0;
  padding-top: 0px !important;
  padding: 0px;
}
#coloritto .card-action form .button {
  background: #3B3B3C !important;
  border-color: #3B3B3C;
  border-radius: 5px !important;
  width: auto;
  margin-left: 0px;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 13px !important;
  font-weight: 400 !important;
  letter-spacing: .02px !important;
  max-width: 78px;
}
#coloritto .card-action form .button:hover {
  background: transparent !important;
  color: #3b3b3c !important;
}
#coloritto .halo-popup-content.lookbook-content .card .card-media.card-media--adapt {
  padding-bottom: 50% !important;
} 
#coloritto .card .card-product .card-product__wrapper a img {
  display: none;
}
#coloritto .card-information .card-information__group.card-information__group-2 {
  display: none;
}
#coloritto .card .card-product .card-product__wrapper .card-action {
  visibility: visible!important;
  opacity: 1!important;
  bottom: 10px;
  transform: none;
}
#coloritto .card-price {
  justify-content: flex-start !important;
  margin-top: -10px !important;
}
#coloritto .card-information .card-information__wrapper  {
  text-align: left !important;
}
#coloritto .card:hover .card-action {
  transform: none;
}
#coloritto .card-information a.card-title {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0px;
}
#coloritto .card-information a.card-title span {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 17px;
  letter-spacing: .2px;
  font-weight: 400;
  color: #3b3b3c;
}
#coloritto .price-item.price-item--regular span {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .2px;
  font-weight: 400;
  color: #3b3b3c;
  margin-right: 4px;
}
#coloritto .price__compare {
  order: 2;
  margin: 0px;
  margin-left: 3px;
  display: block;
}
#coloritto .price__last {
  margin: 0px;
}
#coloritto .price-item.price-item--regular, .price-item.price-item--sale, .price-item.price-item--sale span {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .2px;
  font-weight: 400;
  color: #3b3b3c;
}
.footer__logo {
  display: flex;
  align-items: center;
}
.footer__logo img {
  width: 100%;
  max-height: 20px;
}

/* Footer Css */

.footer__content-bottom .footer-block__bottom{
/*   flex-wrap:wrap; */
}
.footer__content-top .halo-row{
  justify-content:center;
}
.footer__column-item.footer__copyright, .footer__column.footer__column--info{
  width: 100% !important;
}
.footer__top-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0px 0px 50px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 70px;
}
.footer__top-section .footer-block__list-social {
    margin: 0;
}
.footer__top-section .footer-block__list-social .list-social__link svg{
    width: 23px !important;
    height: 23px !important;
}
.footer__top-section .footer-block__list-social .list-social__link {
    border: none;
}
.footer__content-top {
  padding-bottom: 70px !important;
}
footer input#NewsletterForm--footer {
  background: transparent !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  text-transform: capitalize !important;
  color: #3b3b3c !important;
  letter-spacing: 2.5px;
  border: 1px solid #E6E6E6;
  padding: 17.5px 20px;
}
footer input#NewsletterForm--footer::placeholder {
  color: #3b3b3c !important;
  font-size: 12px !important;
  line-height: 15px !important;
}
footer .field {
  margin-right: 0px !important;
}
.button.newsletter-form__button {
  background-color: #3b3b3c !important;
  border-color: #3b3b3c !important;
  padding: 20px;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: .21em;
  padding: 17.5px 25px;
  width: auto !important;
/*   margin-left: 10px !important; */
}
.button.newsletter-form__button:hover {
  color: #3b3b3c !important;
  background-color: transparent !important;
  border-color: #3b3b3c !important;
}
.newsletter-form__field-wrapper {
  margin-top: 10px;
}
footer .footer-block__heading {
  color: #3b3b3c !important;
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  margin-bottom: 20px !important;
}
footer .footer-block__list ul li{
  line-height:0px !important;
}
footer .footer-block__list ul li a {
  color: #3b3b3c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  line-height: 24px !important;
}
.footer__column-item.footer__copyright small {
  font-weight: 300;
  font-size: 11px;
}
.footer__column-item.footer__copyright {
  margin-bottom: 0px;
  line-height: 14px !important;
}
/* footer ul.list.list-payment li.list-payment__item.american_express svg g path::nth-child(2) {
  fill: transparent !important;
}
footer ul.list.list-payment li.american_express svg g path::nth-child(3) {
  fill: #fff !important;
}
footer ul.list.list-payment li svg {
  border: 1px solid #fff;
  border-radius: 5px;
}
footer ul.list.list-payment li svg path:nth-child(3) {
  fill: transparent !important;
}  
footer ul.list.list-payment li svg path:nth-child(4) {
  fill: #fff !important;
} */
.list-payment__item .icon {
    width: 35px !important;
    height: 30px !important;
    filter: grayscale(100%);
}

/* footer css close */

/* 3 Block Section */
.content.customImageBanner-inner.text-left.align-items--bottom {
    background: #f0e0ccbf;
    width: 60%;
    padding-top: 30px;
    left: 30%;
}
.customImageBanner-inner .link_title {
  line-height: 36px;
  font-size: 31px; 
  letter-spacing: -0.01em;
}
.custom-image-banner-block{
  background:#F0DFCC;
}
/* Icon Box Css */

.iconImage img{
  margin:0 auto;
  object-fit: contain;
}
.iconBox {
    display: flex;
    flex-wrap: wrap;
}

  .iconBoxSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column-reverse;
    width: 50%;
    justify-content: flex-end;
  }
.col3 {
  width: 33.3% !important;
}
.col4 {
  width: 25% !important;
}
.col5 {
  width: 20% !important;
}
.col6 {
  width: 16.6667% !important;
}

.iconTextBox,
.iconImage {
    width: 50%;
    padding: 0px 20px;
}
  .iconBox.iconText {
    margin-top: 65px !important;
  }
.aboutIconBox .iconImage img {
    height: auto;
  max-width: auto;
    object-fit: contain;
}
  
.aboutIconBox .iconImage {
    width: 90px !important;
    height: 90px;
  padding: 0px 0px !important;
    margin: 0 auto;
}
.aboutIconBox .iconBoxSection {
    justify-content: flex-end;
    padding: 10px 12px;
}

.leftImg {
    flex-direction: row-reverse;
}

.leftImg .iconTextBox,
.rightImg .iconTextBox {
    width: 65% !important;
    margin-top: 0px !important;
}

.leftImg .iconImage,
.rightImg .iconImage {
    width: 35% !important;
}
.iconPara {
    max-width: 220px;
    margin: 0 auto;
} 
.iconPara p {
  line-height: 24px;
}
.rightImg {
    flex-direction: row;
}

.iconBox .iconTextBox,
.iconBox .iconImage {
    width: 100%;
    padding: 0px 5px;
}

.iconBox .iconTextBox {
    margin-top: 25px;
}

.iconTextBox h3 {
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 0px;
  line-height: 35px;
}

.center-align {
    text-align: center;
    align-items: center !important;
}

.right-align {
    text-align: right;
    align-items: flex-end !important;
}
  
.left-align{
    text-align: left;
    align-items: flex-start !important;
}

a.iconButton {
    display: inline-block;
    padding: 10px 20px;
    line-height: 20px;
    text-decoration: none;
    margin-top: 10px;
    transition: 0.5s;
}
  
.aboutIconBox .iconTextBox h6 {
    margin: 0px 0px 10px !important;
}

/* Featured Collection CSS */
.featured_box{
  display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.featured_box .text_side {
    width: 25%;
      padding: 0 50px 0 0;
}
.featured_box .products_side {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.featured_box .products_side .product__block {
  width: calc(35% - 3%);
  z-index: 0;
}
.featured_box .products_side .product__block .prod_details{ 
  background: #fff;  
}
.featured_box .products_side .product__block:last-child {
  margin-right: 0px;
}
.featured_box .products_side .product__block .product-image {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.featured_box .products_side .product__block .owl-item.active .product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: .48s;
}
.featured_box .products_side .product__block:hover .owl-item.active .product-image img {
  transform: scale(1.1,1.1);
}

.featured_box a.design__btn.btn.button {
  min-width: 239px;
  padding: 17.5px 25px;
  width: fit-content;
  font-weight: 400;
}
.featured_box .design_h2{
  max-width:190px;
}
.featured_box .design_h2:after {
  width: 165px;
}
.featured_box .prod_details{
  text-align: center;
  padding: 15px 25px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  min-height: 85px;
}
.featured_box .prod_details .prod_title a {
  line-height: 13px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .21em;
  font-weight: 600;
  color: #3B3B3C;
/*   white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; */
}
.featured_box .prod_details .prod_title {
  line-height: 13px;
  margin-bottom: 10px;
}
.featured_box .prod_details .prod_price p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .05em;
  margin: 0;
  color: #ACACAC;
  font-weight: 400;
}
.featured_box .prod_details .prod_price p .comparePrice {
  position: relative;
  margin-left: 4px;
}
.featured_box .prod_details .prod_price p .comparePrice:before {
  content: '';
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: #acacac;
}
.featured_box .prod_details .prod_price {
  margin-bottom: 6px;
}

.prod_details #thumbs .item .product-image{
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 1px solid;
    padding: 4px;
    cursor: pointer;
}
div#thumbs {
    width: 60%;
        margin: 10px auto 0;
}


/* images with text Block CSS */
.img_txt_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.img_txt_block .images__block, .img_txt_block .text__block {
    width: 50%;
}
.img_txt_block .images__block {
    display: flex;
    gap: 20px;
}
.img_txt_block .images__block img {
  height: 498px;
}
.img_txt_block .images__block img {
  width: 40%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.img_txt_block .images__block.images__block-fullwidth img {
  width: 100%
}
.img_txt_block .images__block img:nth-child(2) {
  width: 50%;
  filter: drop-shadow(3px 0px 10px rgba(0, 0, 0, 0.25));
}
.img_txt_block .text__block {
  padding: 0 80px;
}
.img_txt_block a.design__btn.btn.button {
  min-width: 153px;
  padding: 17.5px 20px;
  width: fit-content;
  font-weight: 400;
}
.design__btn.btn.button {
  padding: 17.5px 20px;
}

/* Two Column Imgtxt Box */
.two_col-img_txt {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 100px;
  justify-content: center;
}
.two_col-img_txt .img_txt_col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.two_col-img_txt .img_txt_col.right_block {
  z-index: 0 !important;
  justify-content: flex-start;
  position: relative;
}
.two_col-img_txt .img_txt_col .imgBlock {
  width: 25%;
}
.two_col-img_txt .img_txt_col.left_block .txtBlock{
  padding: 50px 40px 50px 70px;
}
.two_col-img_txt .img_txt_col.right_block .txtBlock{
  padding: 70px 130px 100px 100px !important;
}
.two_col-img_txt .img_txt_col .txtBlock {
  width: 75%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 30px #a9a0a040;
/*   height: 600px; */
  padding: 70px 100px 100px 130px !important;
}
.img_txt_col.left_block {
  margin-top: -250px;
  margin-right: -70px;
}
.two_col-img_txt .left_block .imgBlock {
  width: 234px;
  z-index: 1;
  border-radius: 10px;
  position: absolute;
  left: 80px;
}
.two_col-img_txt .right_block .imgBlock {
  width: 234px;
  position: absolute;
  border-radius: 10px;
  right: 80px;
}
.two_col-img_txt .imgBlock img {
  height: 413px;
  width: 100%;
  object-fit: cover;
}
.img_txt_col.right_block {
    margin-top: 50px;
}
.img_txt_col .txtBlock h2{
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
  color: #3B3B3C;
      margin: 0;
  letter-spacing: -.01em;
}
.img_txt_col .txtBlock p {
  font-style: normal;
  font-weight: 300;
  font-size: 19px !important;
  line-height: 1.68em;
  letter-spacing: .03em;
  color: #3b3b3c;
  margin: 50px 0px;
}
.img_txt_col .txtBlock a {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #3B3B3C;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.img_txt_col .txtBlock a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -7px;
  background: linear-gradient(90deg, #3b3b3c 48.49%, rgba(59, 59, 60, 0) 83.14%);
}

/* Customer Block */
.customer_info_block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 15px 0px;
  border-radius: 10px;
  border: 1px solid #ddd;
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.customer_info_block .cust_img_side img {
  width: 50px;
  height: auto;
  object-fit: contain;
  margin: 0 5px 0 15px;
}
.customers_images .cust_block .customer_info_block .cust_text_side h4 {
  margin:0;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #3B3B3C;
  margin-bottom: -7px;
}
.customers_images .cust_block .customer_info_block .cust_text_side a {
  color: #3b3b3c;
  font-size: 14px;
  font-weight: 600;
}
.customer_main_block .heading_block{
  text-align: center;
  margin-bottom: 20px;
}
.customer_main_block .heading_block .design_h2{
  margin:0 auto 10px;
}
.customer_main_block .heading_block .design_h2:after{
  display:none;
}
.customer_main_block .heading_block a {
  position: relative;
  color: #3b3b3c;
}
.customer_main_block .heading_block a:after {
  position: absolute;
  content: "";
  height: 1px;
/*   background: linear-gradient(90deg, #3b3b3c 57.08%, rgba(59, 59, 60, 0) 95.77%); */
  background: url(/cdn/shop/files/underline.jpg?v=1666712653);
  background-size: cover;
  left: 0;
  bottom: -6px;
  width: 100%;
}
/* .customer_main_block .heading_block a:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 2px;
  left: 0;
  bottom: -7px;
  background: linear-gradient(90deg, #FFFFFF 56.57%, rgba(59, 59, 60, 0) 94.91%);
  z-index: 999;
  transform: rotate(15deg);
} */
.cust_block .product_img_block {
  width: 100%;
  height: 412px;
}
.cust_block .product_img_block {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.cust_block .product_img_block img {
    width: 100%;
    height: 358px;
    object-fit: cover;
}
.cust_block{
  position:relative;
  overflow:hidden;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  border-radius: 10px;
  margin: 30px 0px;
}
.cust_block:before{
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: #00000085;
  border-radius:10px;
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
  z-index: 1;
}
.cust_block:hover:before{
  visibility:visible;
  opacity:1;
  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cust_block:hover .viewLinkBox{
  visibility:visible;
  opacity:1;
  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.viewLinkBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity:0;
  visibility:hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  z-index: 2;
}
.viewLinkBox .letspop {
  text-align: center;
  position: absolute;
  top: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.viewLinkBox .letspop a{
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}
.viewLinkBox .letspop a svg {
  width: 26px;
  height: 26px;
  transform: rotate(-90deg);
  stroke: transparent;
}
.viewLinkBox .shopDesign a svg{
  width: 25px;
  height: 25px;
  fill: #fff;
}
.viewLinkBox .shopDesign {
  margin-left: 0px;
  text-align: right;
}
.viewLinkBox .shopDesign a{
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}
.mfp-bg {
  display: block;
}
.template-product .fancybox-show-thumbs .fancybox-inner {
  right: 0;
  width: 80%;
}
.template-product .fancybox-show-thumbs .fancybox-inner .fancybox-infobar {
  display: none;
}
.template-product .fancybox-toolbar button {
  display: none !important;
}
.fancybox-is-open .fancybox-bg {
  background: #000;
  opacity: .6 !important;
}
.template-product .fancybox-toolbar button.fancybox-button.fancybox-button--close {
  display: block !important;
  right: -175px;
  background: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  top: 50px;
}
.template-product .fancybox-toolbar button.fancybox-button.fancybox-button--close svg path {
  fill: #3b3b3c;
}
.template-product .fancybox-button svg path, .template-product .fancybox-button svg path {
  fill: #3b3b3c !important;
}
.template-product .fancybox-button.fancybox-button--arrow_left {
  left: 18%;
  background: transparent;
}
.template-product .fancybox-button.fancybox-button--arrow_right {
  right: 18%;
  background: transparent;
}
.template-product .fancybox-button.fancybox-button--arrow_left div, .template-product .fancybox-button.fancybox-button--arrow_right div {
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
}
.template-product .fancybox-slide--image {
  padding: 120px 0px;
}
.template-product .fancybox-slide--image .fancybox-image {
  border-radius: 9px;
}
.template-product .fancybox-thumbs {
  background: transparent;
  right: 200px;
  top: 120px;
  width: 412px;
} 
.template-product .fancybox-thumbs__list a {
  border-radius: 5px;
  width: 200px;
  height: 140px;
}
.template-product .fancybox-thumbs__list a.fancybox-thumbs-active:before {
  display: none;
}



/* customer section css */
.customImageBanner-item {
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}
.customers_images .owl-carousel .owl-nav.disabled {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.customers_images .owl-carousel .owl-nav {
    text-align: center;
}
.customers_images .owl-carousel .owl-nav button.owl-next, .customers_images .owl-carousel .owl-nav button.owl-prev{
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 1px solid #D9D9D9;
  transition: .3s;
}
.customers_images .owl-carousel .owl-nav button.owl-next:hover, .customers_images .owl-carousel .owl-nav button.owl-prev:hover {
  border: 1px solid #666565;
}
.customers_images .owl-carousel .owl-nav button.owl-next span, .customers_images .owl-carousel .owl-nav button.owl-prev span{
  font-size: 25px;
  line-height: 25px;
  color: #D9D9D9;
  transition: .3s;
}
.customers_images .owl-carousel .owl-nav button.owl-next:hover span, .customers_images .owl-carousel .owl-nav button.owl-prev:hover span {
  color: #666565;
}
#thumbs .owl-item.active {
  opacity: 0.5;
}
#thumbs .owl-item.active.current {
  opacity: 1;
}
/* customer section css close */

/* product css */

.productDrawer {
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  transition: .5s;
}
.template-product.modal-share-open {
  overflow: auto;
  padding-inline-end: 0px;
}
.template-product .product-details .container {
  max-width: 1400px !important;
  padding: 0px 20px !important;
}
.productDrawerOpen {
  visibility: visible;
  opacity: 1;
} 
.productDrawerContent {
  width: 70%;
  margin: 0 auto;
  margin-right: 0px;
  background: #fff;   
  display: flex;
  vertical-align: baseline;
  margin-right: -70%;
  transition: .5s;
  height: 100vh;
}
.productDrawerOpen .productDrawerContent {
  margin-right: 0;
}
.modal-details {
  width: 55%;
  padding: 60px 0px 60px;
  text-align: center;
}
.model-detail {
  margin-bottom: 30px;
}
.modal-details .active.center .model-detail {
  opacity: 1;
  visibility: visible;    
}
.modal-details .owl-item .model-detail {
  opacity: 0;
  visibility: hidden;
  margin: 0 -50px 30px -50px;
}
.modal-details h4, .modal-calculator-form h4 {
  font-size: 31px;
  line-height: 36px;
  margin-bottom: 15px;
  font-family: "Crimson Text";
  color: #3b3b3c;
}
.modal-calculator-form h4 {
  margin-bottom: 40px;
}
.modal-details p {
  max-width: 500px;
  margin: 0 auto 15px;
}
.bottom_section .col-lg-6 {
  padding: 0 10px;
}
.top_section #add_to_cart_result {
  display: none;
}
.modal-calculator-form::-webkit-scrollbar, #itoris_dynamicproductoptions_popup::-webkit-scrollbar, .halo-cart-sidebar .previewCart::-webkit-scrollbar {
  width: 7px;
}
.modal-calculator-form::-webkit-scrollbar-thumb, #itoris_dynamicproductoptions_popup::-webkit-scrollbar-thumb, .halo-cart-sidebar .previewCart::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  border-radius: 5px;
}
.productDrawer #calculate_btn, .productDrawer #close_btn {
  padding: 17.5px 20px;
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .21em;
  font-weight: 400;
  min-width: 153px;
}
.productDrawer #close_btn {
  background: transparent;
  border: 1px solid #3b3b3c;
  color: #3b3b3c;
}
.productDrawer #close_btn:hover {
  background: #3b3b3c;
  color: #fff;
}
.productDrawer #calculate_btn:hover {
  background: transparent;
  color: #3b3b3c;
}
.row.rowButtons .input-group {
  justify-content: space-between;
  margin-top: 30px;
}
.row.rowButtons .input-group button, .row.rowButtons .input-group label {
  padding: 10px 10px 10px 20px;
  font-size: 11px;
  line-height: 10px;
  font-weight: 400;
  color: #3b3b3c;
  background: transparent;
  border: 1px solid #3b3b3c;
  border-radius: 5px;
  height: auto;
  letter-spacing: 0.8px;
  position: relative;
  transition: .3s;
}
.row.rowButtons .input-group button.switcher {
  padding-left: 10px;
  cursor: pointer;
}
.row.rowButtons .input-group button.switcher:before {
  display: none;
}
.row.rowButtons .input-group button:hover, .row.rowButtons .input-group label:hover {
  background: #3b3b3c;
  color: #fff;
}
.row.rowButtons .input-group label {
  padding-left: 15px;
  margin-bottom: 0px;
  cursor: pointer;
}
.row.rowButtons .input-group button:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: url(/cdn/shop/files/Group_135_e8b8a998-90b0-4e7d-bbd8-68d790f3c03b.png?v=1669037381);
  background-size: 10px;
}
.row.rowButtons .input-group button:hover:before {
  background: url(/cdn/shop/files/Group_135.png?v=1668106139);
}
.modal-details .owl-nav {
  margin-top: 30px;
}
.modal-details .slider-counter {
  background: #3B3B3C;
  padding: 5px 20px;
  width: 100px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 24px;
  border-radius: 50px;
  color: #fff;
}
.modal-details .owl-prev, .modal-details .owl-next {
  border: 1px solid #D9D9D9 !important;
  border-radius: 50%;
  padding: 10px;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  box-shadow: none;
  position: relative;
}
.modal-details .owl-prev:hover, .modal-details .owl-next:hover {
  border: 1px solid #666565 !important;
}
.modal-details .owl-prev:hover span, .modal-details .owl-next:hover span {
  color: #666565;
}
.modal-details .owl-prev span, .modal-details .owl-next span {
  color: #D9D9D9;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  font-size: 30px;
  line-height: 15px;
}
.modal-calculator-form {
  width: 45%;
  border-left: 2px solid #ddd;
  padding: 60px 15px 120px;
  text-align: center;
  height: 100%;
  overflow-y: scroll;
}
.modal-calculator-form h2 {
  margin-bottom: 30px;
}
.modal-calculator-form .productDrawerForm {
  max-width: 455px;
  margin: 0 auto;
  height: 100%;
}
.modal-calculator-form .productDrawerForm .calculatorForm {
  height: 100%;
}
.modal-calculator-form .productDrawerForm form {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal-calculator-form .productDrawerForm #inputFormRow {
  padding: 20px 40px;
  background: #FAFAFA;
}
.productDrawerForm #inputFormRow .input-group {
  gap: 10px;
  margin-bottom: 0px !important;
  padding-bottom: 25px;
  border-bottom: 1px solid #DDDDDD;
}
.productDrawerForm #inputFormRow .input-group:last-child {
  padding-top: 25px;
  padding-bottom: 0px;
  border-bottom: 0px;
}
.productDrawerForm #inputFormRow .input-group h5 {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}
.productDrawerForm #inputFormRow .input-group input {
  width: 48%;
  border: 1px solid #DDDDDD;
  padding: 10px;
  background: #fff;
  color: #3b3b3c;
  font-family: 'Lato';
  font-size: 12px;
}
.productDrawerForm #inputFormRow .input-group input::placeholder {
  color: #3b3b3c;
  font-size: 12px;
}
button#removeRow {
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  border-radius: 3px;
  color: #fff;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  padding: 6px 12px;
  cursor: pointer;
  transition: .3s;
}
button#removeRow:hover {
  background: transparent;
  color: #3b3b3c;
}
.modal-calculator-form .productDrawerForm .container {
  padding: 0px !important;
}
.heading-only {
  margin-bottom: 30px;
}
.heading-only span {
  text-decoration: underline;
}
ul.measuringList {
  margin-bottom: 40px;
  padding-left: 0px;
}
ul.measuringList li {
  margin: 0 0 10px 42px;
}
.calculateButton {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 11;
  border-top: 2px solid #ddd;
  background-color: #fff;
  padding: 15px 0px;
  width: 520px;
}
.productView-moreItem.moreItem-breadcrumb {
  padding: 40px 0px 20px;
}
.template-product .productView-subtotal span, .template-product .productView-ViewingProduct span { 
  color: #3b3b3c;
}
.template-product .productView-ViewingProduct span {
  font-size: 15px;
  line-height: 20px;
}
.template-product .productView-moreItem svg path {
  fill: #3b3b3c;
}
.template-product .price-item.price-item--regular, .template-product .price-item.price-item--regular span {
  color: #f00;
}
.template-product .price__last span {
  color: #f00 !important;
  font-weight: 400 !important;
}
.template-product .price--on-sale .price__sale {
  flex-direction: row-reverse;
  margin-bottom: 20px;
}
.template-product .price dd {
  margin: 0 0 0 10px;
}
.template-product .price dd.price__compare span {
  font-size: 15px !important;
  line-height: 26px !important;
  color: #3b3b3c !important;
}
.template-product h1, .template-product h2, .template-product h3, .template-product h4, .template-product h5 {
  font-family: 'Crimson Text';
  color: #3b3b3c;
}
.halo-popup-content .halo-text-format p {
  margin-bottom: 0;
  color: #3b3b3c;
  font-family: 'Lato';
}
.template-product h1.productView-title {
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.template-product h1.productView-title a:hover {
  color: #3b3b3c;
  text-decoration: none;
}
.template-product .productView-bottom {
  background: #f8f7f3;
  padding: 100px 0px;
}
.template-product .product-form__input .form__label, .template-product .form-label.quantity__label {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
  color: #3b3b3c;
  font-family: 'Lato';
}
.template-product .form-input.quantity__input {
  border: 1px solid #DDDDDD;
  font-weight: 300;
  height: 40px;
  padding: 0 25px 0 45px;
  -moz-padding-end: 45px;
}
.template-product .product-form__submit {
  max-width: 100%;
  margin: 0;
  background: #3b3b3c !important;
  color: #fff !important;
  border-color: #3b3b3c !important;
  letter-spacing: .21em;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  padding: 17.5px 20px !important;
}
.template-product .productView-moreItem .title, .template-product .productView-moreItem .product__text p, .template-product .productView-moreItem .product__text {
  font-size: 15px;
  font-weight: 400;
  color: #3b3b3c;
  font-family: 'Lato';
}
.template-product .productView-wishlist, .template-product .productView-groupBottom {
  display: none;
}
.template-product .productView-moreItem p {
  font-weight: 300;
}
.template-product .product-form__submit:hover {
  background: transparent !important;
  color: #3b3b3c !important;
}
.template-product .btn-quantity.plus {
  height: 100%;
}
.template-product .btn-quantity.plus:before {
  height: 1px;
  color: #3b3b3c;
}
.template-product .btn-quantity.plus:after {
  height: 1px;
  color: #3b3b3c;
}
.template-product .btn-quantity.minus:before {
  height: 1px;
  color: #3b3b3c;
}
.template-product .product-form__input .form__label span {
  display: none;
}
.template-product .price__sale .price-item.price-item--regular, .template-product .price__sale .price-item.price-item--sale {
  color: #3b3b3c;
  font-weight: 400;
  line-height: 12px;
}
.template-product .price__sale .price-item.price-item--sale {
   color: #f00;
}
.halo-sidebar.halo-cart-sidebar .price__compare {
  line-height: 14px;
}
.halo-sidebar.halo-cart-sidebar .wrapper-cartCount, .halo-sidebar.halo-cart-sidebar .previewCart-emptyBody span.text {
  color: #3b3b3c;
  font-family: 'lato';
  font-size: 10px;
  line-height: 15px;
}
.halo-sidebar.halo-cart-sidebar .previewCart-emptyBody a.button.button-2.button-continue {
  max-width: 100%;
  margin: 0;
  background: #3b3b3c !important;
  color: #fff !important;
  border-color: #3b3b3c !important;
  letter-spacing: .21em;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  padding: 17.5px 20px !important;
}
.halo-sidebar.halo-cart-sidebar .previewCart-emptyBody a.button.button-2.button-continue:hover {
  color: #3b3b3c !important;
  background: transparent !important;
  text-decoration: none;
}
.halo-sidebar.halo-cart-sidebar .price__compare .money{
  color: #3b3b3c !important;
  font-size: 12px !important;
  line-height: 14px !important;
}
.halo-sidebar.halo-cart-sidebar .previewCartItem-price {
  display: flex;
  align-items: center;
}
.halo-sidebar.halo-cart-sidebar .previewCartItem-price span {
  font-family: 'Lato';
}
.halo-sidebar.halo-cart-sidebar .previewCartItem-price .price-item.price-item--regular span {
  color: #3b3b3c !important;
  font-size: 15px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  position: relative;
  margin-left: 10px !important; 
}
.halo-sidebar.halo-cart-sidebar .previewCartItem-price .price-item.price-item--regular span:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: #3b3b3c;
}
.form__select.select {
  margin-top: 0px !important;
}
.form__select.select select, .form__select.select select option {
  border: 1px solid #DDDDDD;
  box-shadow: none;
  color: #3B3B3C;
  font-weight: 300;
  padding: 5px 30px 5px 20px;    
  font-size: 15px;
  line-height: 20px;
  min-height: 40px;
  margin-bottom: 10px;
}
.template-product .productView-bottom .tabs.tabs-horizontal {
  margin: 0px;    
  background: #fff;
  border: 1px solid #3b3b3c;
}
.template-product .productView-bottom .tabs.tabs-horizontal .tab {
  width: 33.3%;
  border-right: 1px solid #3b3b3c;
  text-align: center;
}
.template-product .productView-bottom .tabs.tabs-horizontal .tab a {
  color: #3b3b3c;
}
.template-product .productView-bottom .tabs.tabs-horizontal .tab:last-child {
  border-right: 0px;
}
.template-product .productView-bottom .tabs-contents.tabs-contents-horizontal {
  background: #fff;
  padding: 20px 100px;
} 
.template-product .productView-bottom .tabs-contents.tabs-contents-horizontal .tab-popup-content {
  color: #3b3b3c;
}
.template-product .productView-bottom .tabs-contents.tabs-contents-horizontal p, .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal dl dd, .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal dl dt {
  color: #3b3b3c;
}
.template-product .tab-popup-content table td {
  color: #3b3b3c;
}
.template-product .featured_box .design_h2 {
  margin-bottom: 35px;
}
.product-wrapper-heading h4 {
  font-size: 17px;
  font-family: 'Lato';
  font-weight: 300;
  position: relative;
  padding: 10px 0 10px 25px;
  color: #3b3b3c;
}
.product-wrapper-heading h4:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  background: url(/cdn/shop/files/Asset_1.svg?v=1670521514) no-repeat;
  background-size: 18px;
  width: 18px;
  height: 24px;
}
.template-product .productView-bottom .tabs.tabs-horizontal .tab a {
  margin-right: 0px;
  font-size: 15px !important;
  line-height: 20px;
  font-weight: 400 !important;
  letter-spacing: .5px;
  font-family: 'Lato';
}
.template-product .productView-bottom .tabs.tabs-horizontal .tab a:hover {
  text-decoration: none;
}
.tabs .tab-title.is-open {
  background: #3b3b3c;
  color: #fff !important;
}
.template-product .productView-bottom .tabs .tab-title:after {
  position: inherit;
}
.template-product .productView-bottom .tabs .tab-title.is-open:after {
  width: 100%;
  width: 22px !important;
  height: 22px !important;
  margin: 0 auto;
  right: 0;
  left: 0;
  text-align: center;
  bottom: -11px;
  transform: rotate(45deg);
  background: #3b3b3c !important;
  position: absolute;
}
.template-product .productView-bottom .container {
  max-width: 1400px !important;
  padding: 0px 20px !important;
  margin: 0 auto;
}
.template-product .announcement-bar .container, .template-product header .container {
  max-width: 100% !important;
  padding: 0 5% !important;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left {
  background: transparent;
  padding: 0px;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left a, .productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left span {
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  color: #BDBDBD;
  fill: #bdbdbdd;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left span, #wish-list .breadcrumb.breadcrumb-left span {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
}
#wish-list .breadcrumb.breadcrumb-left span {
  color: #bdbdbd;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left span.separate, #wish-list .breadcrumb.breadcrumb-left span.separate {
  padding: 0px 15px;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left span.separate svg, #wish-list .breadcrumb.breadcrumb-left span.separate svg {
  width: 18px;
  height: 18px;
  fill: #3b3b3c;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb.breadcrumb-left a, #wish-list .breadcrumb.breadcrumb-left a {
  color: #3b3b3c;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
}
.template-product .halo-productView-left {
  width: calc(55% - 52pt);
  margin-right: 52pt;
  padding-right: 0px;
}
.template-product .halo-productView-right {
    width: 45%;
}
.template-product .productView-thumbnail-wrapper {
  top: 0px !important;
  position: inherit;
}
.template-product .productView-thumbnail-wrapper .productView-for {
  padding: 0px !important;
  position: inherit;
}
.template-product .productView-image-wrapper .productView-nav, .template-product .productView-image-wrapper .productView-nav .slick-list {
  width: 100%;
  height: 100%;
}
.template-product .productView-image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.template-product .productView-thumbnail-wrapper .productView-for.slick-slider .slick-prev.slick-arrow {
  top: 50% !important;
  left: 14% !important;
  transform: translate(-50%) rotate(180deg) !important;
  display: none !important;
}
.template-product .productView-thumbnail-wrapper .productView-for.slick-slider .slick-next.slick-arrow {
  top: 50% !important;
  left: auto !important;
  right: 0 !important;
  transform: translate(-50%) rotate(0deg) !important;
  display: none !important;
}
.product-wrapper-heading a:hover {
  text-decoration: none;
}
.drawerCloseButton {
  position: absolute;
  top: 20px;
  right: 20px;
}
.drawerCloseButton i {
  font-size: 25px;
  color: #3b3b3c;
}
#thumbs {
  display: none;
}
.quoteSampleButtons {
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
}
.template-product .quoteSampleButtons .product-form__submit.button {
  width: 48%;
  background: transparent !important;
  color: #3b3b3c !important;
  font-weight: 400;
  text-decoration: none;
}
.template-product .quoteSampleButtons .product-form__submit.button:hover {
  background: #3b3b3c !important;
  color: #fff !important;
}
.template-product .notfound .col-lg-12, .result_wrapper .col-lg-12 p {
  font-size: 14px;
  line-height: 25px;
  margin-top: 20px;
  font-weight: 400;
  color: #3b3b3c;
  padding: 0px;
  margin: 0px;
}

.quotePopup {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  transition: .5s;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quotePopup.quotePopupOpen {
  visibility: visible;
  opacity: 1;
  overflow-y:auto;
}
.quotePopupForm {
  position: relative;
  background: #fff;
  padding: 30px 30px;
  width: 520px;
  border-radius: 15px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .quotePopupForm{
      margin: 10px;
    }
    .pifyform{
      margin: 0px !important;
    }
    .close_popup{
      width: 30px !important;
      top: 18px !important;
    }
    .quotePopupForm {
      overflow: auto;
      height: 85%;
    }
}
#judgeme_product_reviews {
  width: 100%;
  padding: 80px 8%;
}
#judgeme_product_reviews .jdgm-form-wrapper, #judgeme_product_reviews .jdgm-form-wrapper label, #judgeme_product_reviews .jdgm-form-wrapper input {
  color: #3b3b3c;
}
#judgeme_product_reviews .jdgm-form-wrapper input.dgm-btn {
  color: #fff;
} 

#judgeme_product_reviews .jdgm-rev-widg {
  padding: 0px;
}
#judgeme_product_reviews h2 {
  font-size: 38px;
  line-height: 35px;
  text-align: left;
  margin-bottom: 10px;
}
#judgeme_product_reviews .jdgm-row-stars {
  padding-bottom: 20px;
  border-bottom: 1px solid #bdbdbd;
}
#judgeme_product_reviews .jdgm-rev-widg__summary {
  width: 50%;
  justify-content: flex-start;
  flex-direction: inherit;
}
#judgeme_product_reviews .jdgm-widget-actions-wrapper {
  width: 50%;
  border-left: 0px;
  justify-content: flex-end;
  flex-direction: inherit;
  padding: 0px;
  margin-top: -60px;
}
#judgeme_product_reviews .jdgm-widget-actions-wrapper a {
  margin: 0 0 0 auto;
  width: 170px;
  padding: 17.5px 20px;
  border-radius: 5px;
  border: 1px solid #3b3b3c;
  background: transparent;
  color: #3b3b3c;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .21em;
}
#judgeme_product_reviews .jdgm-widget-actions-wrapper a:hover {
  background: #3b3b3c;
  color: #fff;
  text-decoration: none;
  opacity: 1;
}
.productIconBox .iconPara p {
  line-height: 32px;
}
.shopify-section-template--14371536601134__70a4d95b-59e4-4e91-94b2-a91d48394d3b .main_featuredBox .text_side p {
  font-size: 19px;
  line-height: 32px;
}
form.backButton {
  width: 20px;
  height: 20px;
  position: relative;
}
form.backButton input {
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
form.backButton img {
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
#itoris_dynamicproductoptions_popup {
 left: auto !important;
  right: 0;
  top: 0 !important;
  border-radius: 0px !important;
  border: none !important;
  position: fixed !important;
  height: 100vh !important;
  overflow: auto !important;
  max-width: 40% !important;
}
#itoris_dynamicproductoptions_popup .popup-title {
  display: none;
}
#itoris_dynamicproductoptions_popup .field {
  flex-wrap: wrap;
}
#itoris_dynamicproductoptions_popup .control {
  width: 100% !important;
}
#itoris_dynamicproductoptions_popup label.required {
  width: 100%;
  font-family: 'Crimson Text';
  font-size: 24px;
  line-height: 30px;
  color: #3b3b3c;
  margin-bottom: 30px;
  text-align: center;
}
#itoris_dynamicproductoptions_popup label.required:after {
  display: none;
}
#itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field  {
  float: none;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin: 0 0 70px;
}
#itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
  left: 35%;
  bottom: 0px;
  width: 120px !important;
  height: 35px !important;
  position: absolute;
}
#itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input:before {
  content: 'select';
  position: absolute;
  left: 0;
  padding: 10px 20px;
  min-width: 100px;
  border: 1px solid #3b3b3c;
  background: transparent;
  color: #3b3b3c;
  cursor: pointer;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: .21em;
  text-align: center;
}
#itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input:checked:before {
  content: 'selected';
  position: absolute;
  left: 0;
  padding: 10px 20px;
  min-width: 100px;
  border: 1px solid #3B3B3C;
  background: #3B3B3C;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: .21em;
  text-align: center;
}
#itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field img {
  margin-right: 10px;
  width: calc(35% - 10px); 
}
#itoris_dynamicproductoptions_popup .field label.label.admin__field-label {
  width: 65%;
}
#itoris_dynamicproductoptions_popup .field label.label.admin__field-label span {
  font-family: 'Crimson Text';
  font-size: 24px;
  line-height: 30px;
  color: #3b3b3c;
}
#itoris_dynamicproductoptions_popup span.dpo_tooltip_icon {
  display: block
}
#itoris_dynamicproductoptions_popup span.dpo_tooltip_icon:hover:before, #itoris_dynamicproductoptions_popup span.dpo_tooltip_icon:hover .dpo_tooltip_body:before, #itoris_dynamicproductoptions_popup span.dpo_tooltip_icon:hover .dpo_tooltip_body:after {
  display: none;
}
#itoris_dynamicproductoptions_popup span.dpo_tooltip_icon:after {
  visibility: hidden;
  opacity: 0;
}
#itoris_dynamicproductoptions_popup span.dpo_tooltip_icon .dpo_tooltip_body {
  margin-left: 0px !important;
  display: block;
  width: 100% !important;
  font-size: 15px !important;
  line-height: 20px;
  margin-top: 10px;
}
#itoris_dynamicproductoptions_popup span.dpo_tooltip_icon:hover .dpo_tooltip_body {
  position: inherit;
  left: 0;
  padding: 0px !important;
  box-shadow: none;
  border: none;
  background: transparent;
}
#itoris_dynamicproductoptions_popup input[type=radio] {
  display: block !important;
  appearance: auto !important;
  clip: auto !important;
  webkit-appearance: none !important;
    -moz-appearance: none !important;
  width: auto !important;
  height: auto !important;
  appearance: none !important;
}
#itoris_dynamicproductoptions_popup_button_cancel {
  float: none !important;
}
#itoris_dynamicproductoptions_popup .dpo_tooltip_body li {
  list-style: disc;
  margin-left: -25px;
}
#itoris_dynamicproductoptions_popup #itoris_dynamicproductoptions_popup_button_apply {
  margin-left: 5px;
  top: 0;
  position: absolute;
  right: 0;
  width: auto;
}
#itoris_dynamicproductoptions_popup #itoris_dynamicproductoptions_popup_button_apply:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(/cdn/shop/files/icons8-close-50.png?v=1671197694) no-repeat;
  background-position: center;
  background-size: 15px;
  width: 15px;
  height: 15px;
}
#itoris_dynamicproductoptions_popup .product-options-bottom {
  padding: 0px !important;
  height: 0px !important;
  border: none !important;
}
#itoris_dynamicproductoptions_popup #itoris_dynamicproductoptions_popup_button_apply span, #itoris_dynamicproductoptions_popup .product-options-bottom #itoris_dynamicproductoptions_popup_button_cancel, #itoris_dynamicproductoptions_popup .product-options-bottom .add-to-cart,  #itoris_dynamicproductoptions_popup .product-options-bottom .add-to-box span.or, #itoris_dynamicproductoptions_popup_close_icon {
  display: none !important;
}
.template-product .productView-subtotal {
  display: none;
} 
.template-product .quantity__container {
  display: block !important;
}
.template-product .productView-share.style-3 button span {
  display: none !important;
}
.template-product .productView-share.style-3 button svg {
  width: 26px;
}
.template-product .productView-share.style-3 svg {
  fill: #3b3b3c;
}
.template-product .productView-share.style-3 svg path {
  fill: inherit;
}
.template-product .productView-share.style-3 .wrapper-content label, .template-product .productView-share.style-3 .wrapper-content .share-group {
  display: none;
}
.template-product .productView-share.style-3 .wrapper-content .share_toolbox {
  margin-top: 0px;
}
.template-product .productView-share.style-3 .share-button__fallback.is-open {
  margin-left: -20px;
  position: absolute;
  top: 40px;
  left: auto;
  width: 60px;
}
.template-product .productView-share.style-3 .share-button__fallback.is-open a {
  display: block;
  margin-bottom: 10px !important;
}
.template-product .productView-share.style-3 .share-button__fallback.is-open a:last-child {
  margin-bottom: 0px !important;
}
.template-product.modal-share-open .background-overlay {
  opacity: 0;
  position: inherit;
}
.template-product .productView-share.style-3 .share-button__fallback.is-open a.share-button__close {
  right: 10px;
  top: -40px;
  width: 25px;
  height: 25px;
}
.template-product .productView-share.style-3 .share-button__fallback a.share-button__close svg {
  opacity: 0;
  visibility: hidden;
}
.template-product .dpo-container {
  position: relative;    
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.template-product .dpo-container #itoris_dynamicproductoptions_configuration ul {
  margin-bottom: 30px;
}
.template-product .dpo-container:before {
  content: "Material:";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  text-transform: uppercase;
  font-weight: 400;
  color: #3b3b3c;
}
.template-product .dpo-container #itoris_dynamicproductoptions_add_to_cart_configure {
  margin-top: 12px;
}
.template-product .dpo-container #itoris_dynamicproductoptions_add_to_cart_configure button {
  border: 1px solid #DDDDDD;
  box-shadow: none;
  color: #3B3B3C;
  font-weight: 300;
  padding: 5px 30px 5px 20px;
  font-size: 15px;
  line-height: 20px;
  min-height: 40px;
  height: 100%;
  background: transparent;
  max-width: 250px;
  width: 100%;
  text-transform: inherit;
  text-align: left;
  position: relative;
}
.template-product .dpo-container #itoris_dynamicproductoptions_add_to_cart_configure button span, .template-product .dpo-container #itoris_dynamicproductoptions_configuration img, .template-product .dpo-container button#itoris_dynamicproductoptions_button_edit span {
  display: none;
}
.template-product .dpo-container #itoris_dynamicproductoptions_add_to_cart_configure button.button.btn:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 15px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  background: url(/cdn/shop/files/dropdown.svg?v=1671623451) no-repeat;
  background-size: 9px;
  background-position: 86% center;
}
.template-product .dpo-container #itoris_dynamicproductoptions_add_to_cart_configure button span.material_label{
  display: inline-block;
}
.template-product .dpo-container #itoris_dynamicproductoptions_configuration ul {
  padding-left: 0px;
}
.template-product .dpo-container #itoris_dynamicproductoptions_configuration ul .dynamicoptions-radio-checkbox-values {
  margin-top: 19px;
}
.template-product .dpo-container #itoris_dynamicproductoptions_configuration ul span {
  color: #3B3B3C;
  font-weight: 300;
  padding: 5px 30px 5px 20px;
  font-size: 15px;
  line-height: 20px;
}
.template-product .dpo-container button#itoris_dynamicproductoptions_button_edit {
  margin: 0;
  height: auto;
  border: 1px solid #DDDDDD;
  box-shadow: none;
  color: #3B3B3C;
  font-weight: 300;
  padding: 5px 20px 5px 20px;
  font-size: 15px;
  line-height: 20px;
  min-height: 40px;
  background: transparent;
  text-transform: inherit;
  width: auto;
  min-width: 250px;
  text-align: left;
  position: absolute;
  top: 20px;
}
.template-product .dpo-container button#itoris_dynamicproductoptions_button_edit:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  background: url(/cdn/shop/files/dropdown.svg?v=1671623451) no-repeat;
  background-size: 9px;
  background-position: center;
  width: 9px;
  height: 9px;
}
.template-product .halo-productView-left .slick-arrow.slick-next, .template-product .halo-productView-left .slick-arrow.slick-prev {
  width: 28px;
  height: 28px;
  padding: 5px;
  border: 0px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.template-product .productView-nav:hover .slick-arrow.slick-next, .template-product .productView-nav:hover .slick-arrow.slick-prev {
  opacity: 0.7;
  visibility: visible;
}
.halo-cart-sidebar .previewCartItem-remove svg, .halo-cart-sidebar .slick-arrow svg {
  fill: #3b3b3c;
  stroke: #3b3b3c;
}
.halo-cart-sidebar .slick-arrow {
  border: 1px solid #3b3b3c;
  width: 28px;
  height: 28px;
}
.halo-cart-sidebar .previewCartTotals-value {
  line-height: 0px;
}
.halo-cart-sidebar .subTotal {
  display: flex;
  align-items: center;
}
.halo-cart-sidebar .previewCartTotals-label{
  letter-spacing: .21em;
  font-weight: 400 !important;
  font-size: 11px !important;
  line-height: 13px;
  color: #3b3b3c;
  text-transform: uppercase;
}
.halo-cart-sidebar .previewCartTotals-value span {
  font-size: 21px !important;
  line-height: 25px !important;
  color: #ff0000;
  font-weight: 400 !important;
}
.halo-cart-sidebar .form-input.quantity {
  border: 1px solid #DDDDDD;
  font-weight: 300;
  height: 40px;
  padding-top: 8px;
  -moz-padding-end: 20px;
}
.halo-cart-sidebar .previewCartGroup {
  display: flex;
  justify-content: space-between;
}
.halo-cart-sidebar .product-item-custom .card-information {
  padding: 0px !important;
}
.halo-cart-sidebar .product-item-custom .card-information .card-title {
  color: #3b3b3c;
  font-family: 'Crimson Text';
  font-weight: 600;
  margin-top: 10px;
}
.halo-cart-sidebar .product-item-custom .card-information .card-title:hover {
  text-decoration: none;
}
.halo-cart-sidebar .product-item-custom .card-information .card-swatch, .halo-cart-sidebar .product-item-custom .card-information .card-button {
  display: none;
}
.halo-cart-sidebar .previewCartGroup .button {
  width: 48%;
  background: transparent !important;
  color: #3b3b3c !important;
  font-weight: 400;
  text-decoration: none;
  margin: 0px;
  border-color: #3b3b3c;
  border-radius: 5px;
  font-size: 11px;
  line-height: 13px;
  padding: 17.5px 20px !important;
  letter-spacing: .21em;
  margin-top: 0px !important;
}
.halo-cart-sidebar .previewCart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.halo-cart-sidebar .previewCartList {
  border-bottom: 1px solid #ddd;
}
.halo-cart-sidebar .previewCartList li {
  border-color: #ddd;
}
.halo-cart-sidebar .previewCartInfo {
  padding: 5px 30px 130px;
}
.halo-cart-sidebar .previewCartCollection {
  border-top: 0px;
}
.halo-cart-sidebar .card {
  border: 0px !important;
  flex-direction: column;
  display: flex;
}
.halo-cart-sidebar .previewCartTitle {
  color: #3b3b3c;
}
.halo-cart-sidebar .previewCartGroup .button:hover {
  background: #3b3b3c !important;
  color: #fff !important;
}
.halo-cart-sidebar .previewCartGroup button.button {
  background: #3b3b3c !important;
  color: #fff !important;
}
.halo-cart-sidebar .previewCartGroup button.button:hover {
  background: transparent !important;
  color: #3b3b3c !important;
}
.halo-cart-sidebar .btn-quantity {
  top: -2px;
}
.template-product .halo-productView-left .slick-arrow.slick-next:hover, .template-product .halo-productView-left .slick-arrow.slick-prev:hover {
  opacity: 1;
}
.template-product .halo-productView-left .slick-arrow.slick-next svg, .template-product .halo-productView-left .slick-arrow.slick-prev svg {
  fill: #3b3b3c;
}
.template-product .halo-productView-left .slick-arrow.slick-prev {
  left: 15px !important;
}
.template-product .halo-productView-left .slick-arrow.slick-next {
  right: 15px !important;
}
.halo-cart-sidebar span.title {
  font-family: 'Crimson Text';
  color: #3b3b3c;
  font-size: 32px;
  line-height: 37px;
}
.halo-cart-sidebar a.previewCartItem-name:hover {
  text-decoration: none;
}
.halo-cart-sidebar a.previewCartItem-name span.text {
  font-family: 'Crimson Text';
  color: #3b3b3c;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  
}
.halo-cart-sidebar span.previewCartItem-variant {
  color: #3B3B3C;
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Lato';
}
.currencyAlpha {
  display: none;
}
.halo-cart-sidebar .product-option {
  color: #3b3b3c;
  flex-wrap: wrap;
  font-size: 13px;
}
.halo-cart-sidebar .product-option dt.definitionList-key {
  display: none;
}
.halo-cart-sidebar .product-option dd.definitionList-value {
  margin-left: 0px;
}
.halo-cart-sidebar .price span {
  font-weight: 400 !important;
  color: #ff0000;
}
.halo-cart-sidebar .price span.text {
  color: #3b3b3c !important;
}
.productIcon {
  background: #f8f7f3;
}
.productIcon .icon-boxs {
  gap: 0px;
}
.productIcon .icon-box {
  width: 25%;
}
.productIcon .icon-box h4 {
  font-size: 38px;
  line-height: 35px;
}
.productIcon .icon-box p {
  max-width: 220px;
  margin: 15px auto 0;
  font-size: 15px;
  line-height: 25px;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large svg {
  stroke: #fff;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large a.halo-popup-close {
  background: #3b3b3c;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large .product-edit-action {
  margin: 30px;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large .product-edit-action button {
  max-width: 100%;
  margin: 0;
  background: #3b3b3c !important;
  color: #fff !important;
  border-color: #3b3b3c !important;
  letter-spacing: .21em;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  border-radius: 5px;
  padding: 17.5px 20px !important;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large .product-edit-action button:hover {
  background: transparent !important;
  color: #3b3b3c !important;
}
.template-product .halo-popup.halo-edit-cart-popup.customPopup-large h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.template-product span.product-edit-title-variant {
  color: #3B3B3C;
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
  font-family: 'lato';
}
.template-product .product-edit-price {
  flex-direction: row-reverse;
  font-family: 'lato' !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.template-product .product-edit-price span.compare-price.old-price {
  font-size: 15px;
  line-height: 26px;
  color: #3b3b3c;
  margin: 0 0 0 10px;
}
.template-product .product-form__input.clearfix {
  display: flex;
  flex-wrap: wrap;
}
.template-product .product-form__input.clearfix .product-form__label:first-of-type {
  width: 100%;
}
.template-product .product-form__input .product-form__label:first-of-type span {
  border-color: #3b3b3c;
}
.template-product .product-form__label {
  width: calc(50% - 10px);
}
.template-product .product-form__label span {
  border: 1px solid #DDDDDD;
  font-size: 15px;
  font-weight: 300;
  color: #3b3b3c !important;
}
.template-product .product-form__input.product-form__swatch .product-form__label:first-of-type {
  width: 40px;
}
.template-product .product-edit-item .add-more.link {
  display: none;
}
.template-product .halo-productView-left .wishlist-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  z-index: 2;
  width: 36px;
  height: 36px;
  padding: 9px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.template-product .productView-image-wrapper:hover .wishlist-icon {
  opacity: 1;
  visibility: visible;
}
.template-product .halo-productView-left .wishlist-added {
  background: #fff url(/cdn/shop/files/heart_icon_red.png?v=1669124653) no-repeat;
  box-shadow: 0 4px 20px rgb(34 34 34 / 15%);
  background-size: 18px;
  background-position: center;
  transition: none;
  visibility: visible;
  opacity: 1;
}
.template-product .halo-productView-left .wishlist-added svg {
  display: none;
}
.template-product .halo-productView-left .wishlist-icon svg {
  width: 100%;
  height: 100%;
}
.template-product .halo-popup-close svg {
  fill: #fff;
  stroke: #fff;
}
.calculatorTotalLink {
  color: #3b3b3c;
  font-weight: 700;
  text-decoration: none;
}
.calculatorTotalLink:hover {
  color: #3b3b3c;
}
.template-collection .jdgm-prev-badge {
  display: none !important;
}

/* product css close */

.bannerSection .container {
  height: 100%;
}
.banner {
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rich-text .rich-text__blocks h2 {
  position: relative;
  width: fit-content;
  line-height: 53px;
  margin: 0 auto 20px;
}
.rich-text .rich-text__blocks h2:before {
  position: absolute;
  content: "";
    width: 100%;
  height: 3px;
  left: 0;
  bottom: -10px;
}
.imageBoxes {
  display: flex;
  flex-wrap: wrap;
}
.imageBoxes .imageBox {
  width: 50%;
  text-align: center;
  padding: 0px 5%;
} 
.imageBoxes .imageBox h2 {
  margin: 0px;
  margin-bottom: 30px;
}
.imageBoxes .imageBox h4 {
  margin: 0px;
}
.imageBoxes .imageBox p {
  margin: 20px 0px 30px;
}
.imageBoxes .imageBox img {
  margin: 0 auto;
}
.imageWithText {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0px;
}
.imageWithText .design_h2 {
  width: fit-content;
  font-size: 31px;
  line-height: 36px;
}
.imageWithText .design_h2:after {
  width: 100%;
}
.imageWithText .images__block-fullwidth {
  width: 50%;
}
.imageWithText .images__block-fullwidth img {
  width: 100%;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
  height: auto;
}
.imageWithTextReverse .text__block {
  padding-left: 0px;
}
.imageWithTextReverse .design_h2 {
  margin-bottom: 5px;
}
.imageWithTextReverse.img_txt_block .images__block img{
  height: auto;
}
.imageWithTextReverse p {
  margin-bottom: 45px;
}
.imageWithText a{
  margin-top: 50px;
}

/* paper types page css close */

/* our-wallpaper-types css */

#our-wallpaper-types header, #contact-us header, #our-story header, #faqs header, .template-product header, .template-search header, #customer-photos header {
  border-bottom: 1px solid #3b3b3c1a;
}
.rich-text a.button {
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  margin: 0 auto;
  width: auto;
  letter-spacing: .21em;
  padding: 17.5px 20px !important;
  margin-top: 30px;
  min-width: 250px;
  max-width: 250px;
}
.section-block-template--14434674245678__2017273d-9073-4589-aba2-c27b6f84380e.rich-text a.button {
  max-width: 153px;
  min-width: auto;
}
.wallpaperShowcase h2, .enquiriesSection h2 {
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 48px;
  line-height: 56px;
  width: fit-content;
  position: relative;
}
.wallpaperShowcase h2:after, .enquiriesSection h2:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -10px;
}
.showcase img {
  width: 100%;
}
.showcase h4 {
  margin-bottom: 10px;
  font-size: 19px;
}
.showcase h4, .showcase p {
  margin: 0px;
}
.showcase {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wallpaper {
  width: 24%;
  filter: drop-shadow(0px 4px 30px #DDDDDD);
}
.wallpaperText {
  padding: 20px;
  background: #fff;
  border: 1px solid #DFDFDF;
  border-top: 0px;
  min-height: 460px;
}
.wallpaperText h4 {
  font-family: 'lato';
  margin-bottom: 5px;
}
.wallpaperText p {
  font-size: 15px;
  line-height: 27px;
}
.rich-text.section-block-template--14434674245678__2017273d-9073-4589-aba2-c27b6f84380e .rich-text__text {
  font-weight: 300;
}

/* our-wallpaper-types pages css close */

/* contact us css */

#contact-us {
  background: #f8f7f3;
}
.enquiriesSection .container {
  max-width: 950px !important;
  padding: 0px !important;
  margin: 0 auto;
}
 .formSection .container {
   max-width: 620px !important;
   padding: 0px !important;
  margin: 0 auto;
 }
.enquiriesSection h2 {
  margin: 0 auto 80px;
}
.generalEnquiries {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.generalEnquiries {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.generalEnquiry {
  background: #fff;
  border: 1px solid #DFDFDF;
  padding: 30px;
  width: 48%;
  text-align: center;
}
.generalEnquiry h4 {
  font-family: 'Lato';
  font-weight: 400;
  margin: 15px 0px 10px;
  font-size: 25px;
}
.generalEnquiry p {
  margin: 0px 0px 25px;
  font-size: 15px;
  line-height: 27px;
  min-height: 48px;
}
.enquiryIconBox {
  width: 66px;
  height: 66px;
  background: #F6F0E4;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  margin: 0 auto;
}
.numberBox {
  display: flex;
  flex-wrap: wrap;
}
.numberBox p {
  margin-bottom: 0px;
  font-weight: 400;
  min-height: 100%;
}
.number {
  width: 65%;
  padding: 11.5px 30px;
  border-radius: 5px 0px 0px 5px;
  background: #f9f9f9;
  text-align: left;
}
.numberButton {
  width: 35%;
} 
.numberButton a {
  color: #fff;
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 27px;
  font-weight: 400;
  display: block;
  padding: 10.5px 10px;
  border-radius: 0px 5px 5px 0px;
}
.two-col-field {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.two-col-field .form-field {
  width: 48%;
}
.contactFormNew {
  background: #fff;
  padding: 40px 40px 10px;
}
.contactFormNew input.form-input, .contactFormNew textarea {
  background: #FAFAFA;
  border: none;
  border-radius: 5px;
  padding: 10.5px 15px;
  color: #3b3b3c;
}
.contactFormNew input.form-input:focus, .contactFormNew textarea:focus {
  outline: 2px solid #3b3b3c !important;
}
.contactFormNew textarea {
  margin-bottom: 10px;
  height: 150px;
}
.contactFormNew label {
  color: #3B3B3C;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
}
.contactFormNew .form-actions input {
  width: 100%;
  background: #3b3b3c;
  border-color: #3b3b3c;
}
.contactFormNew .form-actions input:hover {
  background: #transparent;
  color: #3b3b3c;
}
.contactFormNew .form-field-checkbox {
  display: flex;
  margin: 15px 0px 25px;
}
.contactFormNew .form-field-checkbox input.inputCheckbox {
  display: inherit;
  width: 23px;
  height: 23px;
  border-radius: 5px;
  background: #FAFAFA;
  position: static;
  margin: 0px;
}
.contactFormNew .form-field-checkbox  span {
  margin-left: 20px;
  font-size: 15px;
  line-height: 21px;
  width: 90%;
  color: #3b3b3c;
}
/* contact us css close */

/* Our Story css */

.headerContent {
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  max-width: 490px;
  margin: 0 auto;
}
.headerContent h1 {
  margin: 0 0 30px 0;
  text-align: center;
  width: 100%;
}
.headerContent p {
  margin: 0px;
}
.videoWithText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 60px 0px 60px;
}
.headerVideo {
  width: 50%;
}
.headerVideo img {
  width: 100%;
}
.headerHeading {
  text-align: center;
  width: 50%;
}
.headerHeading h2 {
  margin: 0px;
  line-height: 60px;
  font-size: 40px;
}
.positionImageWithText {
  padding-bottom: 150px;
  padding-top: 50px;
}
.positionImageText {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.positionImage1 {
  width: 30%;
  position: absolute;
  top: -90px;
  right: 280px;
  overflow: hidden;
  box-shadow: 7px 5px 15px 0 rgb(172 172 172 / 40%);
  border-radius: 10px;
}
.positionImage2 {
  width: 25%;
  position: absolute;
  bottom: -90px;
  right: 200px;
  overflow: hidden;
  box-shadow: 7px 5px 15px 0 rgb(172 172 172 / 40%);
  border-radius: 10px;
  z-index: 1;
}
.positionImage1 img, .positionImage2 img {
  width: 100%;
}
.positionContent {
  width: 48%;
  background: #fff;
  padding: 120px;
  box-shadow: 0px 0px 30px rgb(169 160 160 / 25%);
  border-radius: 10px;
  margin-left: 120px;
}
.positionContent h2, .positionContent h3, .positionContent h4 {
  max-width: 600px;
  margin: 0px 0px 30px;
}
.positionContent h1 {
  max-width: 530px;
  margin-top: 0px;
}
.positionContent p {
  max-width: 440px;
  margin: 0px;
}
.rich-text.section-block-template--1444249f9964974__4a991946-7326-4d9f-b014-013f0d4882bc h2 {
  line-height: 36px;
  max-width: 720px;
}
.rich-text.section-block-template--14442499964974__4a991946-7326-4d9f-b014-013f0d4882bc h2:before {
  display: none;
}
.rich-text.section-block-template--14442499964974__4a991946-7326-4d9f-b014-013f0d4882bc {
  max-width: 1120px;
  margin: 0 auto;
}
.positionImageWithText.positionImageWithText-2 {
  padding: 60px 0px 60px;
}
.positionImageWithText.positionImageWithText-2 .positionImageText {
  justify-content: flex-end;
}
.positionImageWithText.positionImageWithText-2.positionImageWithText-3 .positionImageText {
  justify-content: flex-start;
}
.positionImageWithText.positionImageWithText-2.positionImageWithText-3.positionImageWithText-4 .positionImageText {
  justify-content: flex-end;
}
.positionContent.positionContent-2 {
  margin-right: 250px;     
  padding: 70px;
  width: 45%;
}
.positionContent-2 p {
  max-width: 458px;
}
.positionImage1.position-2Image1 {
  width: 28%;
  top: auto;
  left: 220px;
  right: auto;
  bottom: 100px;
  border-radius: 0px;
  z-index: 2;
}
.positionImage2.position-2Image2 {
  left: 150px;
  top: -35px;
  bottom: auto;
  border-radius: 0px;
  width: 28%;
}

.positionImageWithText.positionImageWithText-2.positionImageWithText-3 {
  margin-bottom: 100px;
  padding-bottom: 0px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.positionImageWithText.positionImageWithText-2.positionImageWithText-4 {
  margin-bottom: 300px;
  padding-bottom: 0px;
  padding-top: 0px;
  z-index: 0;
}
.positionContent.positionContent-2.positionContent-3 {
  padding: 100px 250px 100px 130px;
  margin-left: 0;
  margin-right: 0px;
  width: 50%;
}
.positionContent.positionContent-2.positionContent-3.positionContent-4 {
  width: 55%;
  padding: 100px 210px 100px 140px;
  margin-right: 130px;
}
.positionImage1.position-2Image1.position-3Image1 {
  width: 42%;
  top: -100px;
  right: 300px;
  left: auto;
  bottom: auto;
}
.positionImage1.position-2Image1.position-4Image1 {
  width: 28%;
  top: 60px;
  right: auto;
  left: 200px;
  bottom: auto;
  z-index: 2;
  border-radius: 10px;
}
.positionImage2.position-2Image2.position-3Image2 {
  top: 120px;
  right: 470px;
  left: auto;
  z-index: 2;
  width: 25%;
  border-radius: 10px;
}
.positionImage2.position-2Image2.position-4Image2 {
  top: auto;
  bottom: -270px;
  right: 690px;
  left: auto;
  width: 20%;
  z-index: 1;
  border-radius: 10px;
}
.position-2Image1.position-3Image3 {
  top: auto;
  left: auto;
  right: 50px;
  bottom: -40px;
  width: 30%;
  border-radius: 10px;
}
.position-2Image1.position-4Image3 {
  top: auto;
  left: 70px;
  right: auto;
  bottom: -320px;
  width: 40%;
  z-index: 0;
  border-radius: 10px;
}
.position-2Image2.position-3Image4 {
  top: 640px;
  right: 270px;
  width: 20%;
  z-index: -1;
  border-radius: 10px;
}

/* Our Story css close */

/* newsletter-popup css */

.halo-popup.halo-newsletter-popup {
  height: 550px !important;
} 

/* newsletter-popup css close */

/* How to apply css */

.rich-text.section-block-template--14458345652270__main h2 {
  margin-bottom: 0px;
}
.HTAImageWithText.img_txt_block .images__block {
  width: 35%;
}
.HTAImageWithText.img_txt_block .images__block img {
  filter: none;
  height: auto;
}
.HTAImageWithText.img_txt_block .text__block {
  width: 65%;
  padding: 0px 130px 0px 0px;
}
.HTAImageWithText.img_txt_block .text__block .design_h2 {
  margin-bottom: 0px;
  font-size: 43px;
  line-height: 48px;
}
.HTAImageWithText.img_txt_block .text__block .design_h2:after {
  display: none;
}
.murals .wallpaper {
  filter: none;
}
.HTAImageWithText.img_txt_block .text__block .design__btn.btn.button, .murals .wallpaperText a.design__btn.btn.button {
  background: transparent;
  color: #3b3b3c;
  border: none;
  font-weight: 400;
  padding: 0px;
  min-width: auto !important;
  margin-top: 20px;
  display: inline-block;
  letter-spacing: 0.2px;
  font-size: 15px;
  line-height: 20px;
  text-transform: inherit;
}
.murals .wallpaperText a.design__btn.btn.button {
  font-size: 12px;
}
.murals .wallpaperText {
  border: none;
  min-height: auto;
  border-radius: 10px;
}
.murals h2 {
  margin-bottom: 40px;
  font-size: 43px;
  line-height: 48px;
}
.murals .wallpaperText h4 {
  font-family: "Crimson Text";
  margin-bottom: 5px;
  font-size: 24px;
}

/* How to apply css close */

/* collection page css */

.collectionBanner .banner {
  justify-content: flex-start;
  text-align: left;
}
.collectionBanner .banner h2 {
  letter-spacing: .5px;
  color: #fff;
  margin: 0px 0px 15px;
}
.collectionBanner .banner p {
  letter-spacing: .5px;
  color: #fff;
  max-width: 632px;
}
#shopify-section-template--14371535847470__6ec7b7ae-8add-4703-8230-2d4d9ccbc3e6 {
  background: #f8f7f3;
}
.collectionImgWithTxt.img_txt_block .text__block {
  padding: 0 20px 0 120px;
  width: 58%;
}
.collectionImgWithTxt .images__block.images__block-fullwidth {
  width: 42%;
}
.collectionImgWithTxt .design_h2 {
  margin-bottom: 0px;
}
.collectionImgWithTxt .design_h2:after {
  display: none;
}
.collectionImgWithTxt p {
  margin: 10px 0px 30px;
}
.collectionImgWithTxt.img_txt_block .images__block.images__block-fullwidth img {
  width: 100%;
  height: auto;
  filter: none;
}
.collectionHeading {
  margin: 0px;
  font-family: 'Lato';
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.collection-filters .sidebarBlock {
  margin-bottom: 25px !important;
}
.collection-filters h3.sidebarBlock-heading {
  padding-bottom: 0px;
}
.collection-filters h3.sidebarBlock-heading span.facets__text {
  font-family: 'Lato';
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #3b3b3c;
}
.collection-filters h3.sidebarBlock-heading:after {
  background-image: url(/cdn/shop/files/Vector_b8b408d2-0656-46b2-b9c9-5172ce3e177d.png?v=1667406635) !important;
}
a.facets__reset span {
  color: #3b3b3c;
}
a.active-facets__button {
  display: none;
}
a.facets__reset {
  display: none !important;
}
a.active-facets__button.resetButton {
  border: 1px solid #3b3b3c;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.09px;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 14px 40px;
  min-width: 154px;
  text-align: center;
  margin-top: 20px;
  display: inline-block;
}
a.resetButton:hover {
  background: #3b3b3c;
  color: #fff;
}
a.resetButton span {
  text-decoration: none !important;
}
.collection-filters .sidebarBlock .sidebarBlock-contentWrapper ul li label {
  font-family: 'Lato';
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #3b3b3c;
  font-size: 14px;
}
.toolbar-wrapper {
  justify-content: flex-end !important;
}
.toolbar {
  border-top: 0px !important;
  padding: 0px !important;
}
.toolbar .results-count {
  opacity: 0;
}
.toolbar-label {
  display: none !important;
}
.toolbar .label-tab {
  border: 1px solid #3B3B3C !important;
  border-radius: 4px;
  padding: 10px 15px !important;
  min-width: 200px !important;
}
.toolbar .label-text, .toolbar .toolbar-dropdown ul li span {
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #3b3b3c;
}
.toolbar .halo-icon-dropdown.icon-dropdown {
  background-image: url(/cdn/shop/files/Vector_b8b408d2-0656-46b2-b9c9-5172ce3e177d.png?v=1667406635) !important;
  width: 14px !important;
  height: 8px !important;
}
.menuBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.halo-collection-content .page-content {
  width: calc(100% - 260px) !important;
  padding-left: 0px !important;
  transition: 1s;
}
.halo-collection-content .activeCard .card-product__group, .halo-collection-content .activeCard .card-wishlist {
  opacity: 1;
  visibility: visible;
}
.halo-collection-content .activeCard .card-product__group {
  transform: translateZ(0);
}
.halo-collection-content .page-content .card-wishlist .wishlist-added {
  background: #fff url(/cdn/shop/files/heart_icon_red.png?v=1669124653) no-repeat;
  box-shadow: 0 4px 20px rgb(34 34 34 / 15%);
  background-size: 18px;
  background-position: center;
  transition: none;
}
.halo-collection-content .page-content .card-wishlist .wishlist-added .icon {
  background-color: transparent;
}
.halo-collection-content .page-content .card-wishlist .wishlist-icon.wishlist-added .icon path {
  color: #3b3b3c;
}
.halo-collection-content .page-content .card-wishlist .wishlist-added .icon path {
  fill: #992932;
}
.halo-collection-content .sidebarNone + .page-content {
  width: 100% !important;
}
.template-collection .halo-collection-content .wishlist-icon:hover .text {
  opacity: 0;
  visibility: hidden;
}
.halo-collection-content .page-sidebar {
  width: 260px;
  padding-right: 50px;
  transition: 1s;
}
.menuShowHide {
  font-size: 15px;
  font-weight: 700;
  color: #3b3b3c;
  position: relative;
}
.menuShowHide span {
  color: #3b3b3c;
}
.menuShowHide:after {
  content: '';
  position: absolute;
  right:-30px;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(/cdn/shop/files/Group_100.png?v=1667478925) no-repeat;
}
.menuShowHide.show:after {
  display: none;
}
.menuShowHide span.textShow {
  display: none;
}
.menuShowHide.show span.textShow {
  display: inline-block;
}
.menuShowHide.show span.textHide {
  display: none;
}
body.template-collection .card:hover img {
  transform: scale(1.1,1.1);
}
body.template-collection .card .card-information {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  padding: 15px;
}
.halo-cart-sidebar .card .card-information {
  box-shadow: none;
  position: inherit !important;
}
body.template-collection ul.productListing  li.product {
  margin-top: 0px !important;
}
body.template-collection .card-price {
  margin-bottom: 0px;
}
body.template-collection .price-item, body.template-collection .price-item span.text, body.template-collection .price-item span {
  font-size: 13px !important;
  line-height: 20px !important;
  letter-spacing: .05em !important;
  margin: 0 !important;
  color: #ACACAC !important;
  font-weight: 400 !important;
}
/* body.template-collection .price-item span.money {
  color: #ff0000 !important;
} */
body.template-collection .price__compare {
  order: 2;
}
/* body.template-collection .price__compare .price-item span {
  color: #3b3b3c !important;
} */
body.template-collection a.card-title {
  line-height: 13px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .21em;
  font-weight: 600;
  color: #3B3B3C;
}
body.template-collection .price-item span.text {
  margin-top: -5px;
}
body.template-collection .card:hover {
  box-shadow: none;
}
body.template-collection .card-action {
  display: none;
}
body.template-collection .card-swatch {
  display: none;
}

/* collection page css close */

/* how to apply flow 2 css */

.generalPreparation {
  display: flex;
  flex-wrap: wrap;
}
.generalPreparation .preparataionDetail {
  width: 68%;
  padding-right: 3%;
}
.preparataionDetail h2, .preparataionDetail h3, .preparataionDetail h4, .preparationTools h4 {
  margin: 0 0 5px 0;
}
.preparataionDetail h4 {
  font-weight: 600;
}
.preparataionDetail h5 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin: 0px;
}
.preparataionDetail p {
  margin: 0 0 20px;
}
.generalPreparation .preparationTools {
  width: 32%;
}
.preparationTools .toolBox {
  background: #f8f7f3;
  padding: 20px 25px;
  border-radius: 10px;
}
.preparationTools .toolBox ul {
  padding-left: 20px;
  margin: 0px;
}
.preparationTools .toolBox ul li {
  font-family: 'Lato';
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  padding: 5px 0px;
  color: #3b3b3c;
}
.wallpaperImgWithTxt {
  justify-content: space-between;
}
.wallpaperImgWithTxt .text__block {
  padding: 40px 35px 20px;
  width: 45%;
  background: #f8f7f3;
  border-radius: 10px;
  min-height: 550px;
}
.wallpaperImgWithTxt .text__block h2 {
  margin-bottom: 20px;
}
.wallpaperImgWithTxt .text__block h2:after {
  display: none;
}
.wallpaperImgWithTxt .images__block {
  padding: 0px;
  width: 45%;
}
.wallpaperImgWithTxt .images__block img {
  filter: none;
  height: auto;
}

/* how to apply flow 2 css close */

/* wallpaper style css */

.wallpaperByStyleSection h2 {
  margin: 0 0 50px;
}
.wallpaperByStyleSection {
  text-align: center;
}
.wallpaperStyles {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 30px;
}
.wallpaperStyle {
  width: calc(25% - 23px);
  position: relative;
  overflow: hidden;
}
.wallpaperStyle:hover:before {
  background: rgba(0,0,0,0.4);
  content: '';
}
.wallpaperStyle img {
  transition: .5s;
}
.wallpaperStyle:hover img {
  transform: scale(1.1);
}
.wallpaperStyle .wallpaperStyleButton a.design__btn:hover {
  background: transparent;
  border-color: #3b3b3c;
  color: #fff;
}
.wallpaperStyle .wallpaperStyleButton a.design__btn {
  background: rgba(59, 59, 60, 0.7);
  border: 1px solid rgba(59, 59, 60, 0);
  width: 140px;
  display: inline-block;
  font-weight: 400;
}
.wallpaperStyle .wallpaperStyleButton {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
.wallpaperStyle img {
  width: 100%;
}
.wallpaperStyle:before {
  content: '';
  transition: .5s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(153, 153, 153, 0.3);
  z-index: 1;
}
.icon-box-section {
  text-align: center;
}
.icon-boxs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 10px;
}
.icon-box {
  width: calc(25% - 10px);
}
.icon-box img {
  height: 54px;
  margin: 0 auto;
}
.icon-box h4 {
  font-size: 24px;
  line-height: 36px;
  margin: 15px 0px 5px;
}
.icon-box p {
  margin: 0px;
  font-size: 17px;
}
.lookingFor {
  border: 1px solid #fff;
  width: 100%;
  padding: 30px 17%;
}
.search__block {
  text-align: center;
}
.section-search {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.searchField input[type=text]{
  width: 100%;
  margin: 0px;
  font-size: 19px;
  color: #3b3b3c;
  font-weight: 400;
  text-align: center;
  padding: 20px 10px;
  border-radius: 10px;
  background: #fff;
  border: none;
  position: relative;
  display: block;
  background: #fff url(/cdn/shop/files/search.png?v=1668093475) no-repeat 120px center;
  background-size: 25px;
}
.searchField input[type=text]:focus {
  background: #fff;
}
.searchField input[type=text]:focus::placeholder {
  color: #fff;
}
.searchField input::placeholder {
  font-size: 19px;
  color: #3b3b3c;
  font-weight: 400;
}
.searchText h3, .searchText p {
  color: #fff;
}
.searchText h3 {
  margin: 60px 0 35px;
}
.searchText p {
  margin-bottom: 35px; 
}
input.submit {
  display: none;
}
.searchText a {
  display: inline-block;
}
/* wallpaper style css close */

/* custom order css */

.customOrderBoxes h2 {
  margin: 0 0 20px;
}
.customOrderBoxes p {
  max-width: 560px;
  margin: 0 auto;
}
.customOrderBoxes .icon-boxs {
  padding-top: 60px;
}
.customOrderBoxes .icon-box img {
  height: 59px;
}
.customOrderBoxes .icon-box .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background: #F8F7F3;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 10px rgba(169, 160, 160, 0.25);
}
.formSection.order-form {
  background: #F8F7F3;
}

/* custom order css close */
  
.headerHeading h2 {
  padding: 0px 20px;
}


/* login popup css */

#halo-auth-sidebar {
  height: auto;
  max-width: 520px;
  right: 0;
  top: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
  justify-content: center;
}
#halo-auth-sidebar .halo-cart-sidebar {
  border-radius: 15px 15px 0 0;
}
#halo-auth-sidebar .halo-cart-sidebar span.title {
  text-align: center;
  padding-top: 30px;
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  color: #3b3b3c;
}
#halo-auth-sidebar .halo-sidebar-close svg {
  width: 20px;
  height: 20px;
  stroke: black;
}
.template-product a.halo-register-close svg path {
  stroke: black;
  fill: #000;
}
#halo-auth-sidebar .halo-sidebar-close {
  right: 10px;
  top: 10px;
}
body.auth-sidebar-show #halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar {
  transition-delay: .25s !important;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar {
  height: auto;
  background: #fff;
  border-radius: 0 0 15px 15px;
  padding-bottom: 20px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar .auth-form .form-field+.form-field {
  
}
.form-field {
  margin-bottom: 30px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar label.form-label {
  color: #3b3b3c;
  font-size: 17px;
  line-height: 30px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar input {
  background: #FFFFFF;
  border: 1px solid #D2D6DA;
  border-radius: 8px;
  color: #a4a7ab;
  padding: 10px 15px;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  letter-spacing: 0.5px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar input::placeholder {
  color: #a4a7ab;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar input.button {
  color: #fff;
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 13px;
  font-weight: 400;
  margin: 0;
  width: 100%;
  letter-spacing: .21em;
  border-radius: 5px;
  padding: 17.5px 20px;
}
#halo-auth-sidebar .halo-sidebar-wrapper.custom-scrollbar input.button:hover {
  background: transparent;
  color: #3b3b3c;
}
.form-actions.auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#halo-auth-sidebar .form-actions.auth-actions .auth-link.link {
  width: 50%;
  text-align: left;
}
#halo-auth-sidebar .form-actions.auth-actions .button.button-2 {
  width: 50%;
  padding: 0pc;
  border: none;
  text-align: right;
  font-size: 15px;
  font-weight: 700;
  color: #3b3b3c;
  text-transform: capitalize;
}
#halo-auth-sidebar .form-actions.auth-actions .button.button-2:hover {
  background: transparent;
  text-decoration: underline;
}
body.auth-sidebar-show {
  padding-inline-end: 0px;
}
body.auth-sidebar-show .body-content-wrapper {
  transform: none;
}

/* login popup css close */

/* cart css */

.template-cart h1.page-header {
  padding: 50px 0px 0px;
  margin-bottom: 80px;
  font-family: 'Crimson Text';
  font-size: 48px;
  line-height: 53px;
  position: relative;
  font-weight: 400;
  text-transform: capitalize;
  color: #3b3b3c;
}
.template-cart h1.page-header:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -2px;
  background: url(/cdn/shop/files/belowBorder.png?v=1666704117) no-repeat;
  background-size: contain;
}
.template-cart .cart-content-wrapper {
  padding-bottom: 100px;
  align-items: flex-start;
  flex-direction: row;
}
.template-cart .cart-item-block.cart-item-remove {
  text-align: center;
  border: 1px solid #ddd;
  height: 40px;
  width: auto;
  padding: 10px;
}
.template-cart .cart-item-block.cart-item-remove .cart-remove {
  top: -7px;
}
.template-cart .cart-item-block.cart-item-remove .cart-remove svg {
  display: none;
}
.template-cart .cart-item-block.cart-item-remove .cart-remove span {
  display: block;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  text-transform: uppercase;
  color: #3b3b3c;
}
.template-cart .cart-content-item[data-cart-content] {
  width: 70%;
  padding-right: 80px;
}
.template-cart .cart-content-item[data-cart-total] {
  width: 30%;
  border: 1px solid #e7e6e6;
  padding: 0px !important;
  margin-top: 0px;
}
.template-cart .cart {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 30px;
}
.template-cart .cart .cart-list {
  margin-bottom: 20px;
}
.template-cart .cart-content-item[data-cart-total] .cart-actions {
  margin: 30px 30px 0;
/*   width: 100%; */
}
.template-cart .cart-content-item[data-cart-total] .cart-totals {
  width: 100%;
}
.template-cart .cart .cart-header {
  display: none;
}
.template-cart .cart .cart-list .cart-item {
  border: none;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.template-cart .cart .cart-list .cart-item:last-child {
  border-bottom: 0px;
}
.template-cart .cart .cart-item-block.cart-item-info {
  padding-left: 0px;
  width: 100%;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-left {
  width: 50%;
  padding-right: 40px;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-right {
  width: 50%;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-left a.cart-item-image.image-portrait {
  padding-bottom: 85% !important;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-left a.cart-item-image.image-portrait img {
  object-fit: cover;
  position: absolute !important;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-right .cart-item-name a {
  font-size: 31px;
  color: #3b3b3c;
  line-height: 36px;
  margin-bottom: 25px;
}
.template-cart .cart .price.price--end {
  text-align: left;
  padding-left: 0px;
  color: #ff0000;
  font-size: 24px;
  line-height: 29px;
  padding-bottom: 0px !important;
}
.template-cart .cart .price.price--end span.money {
  color: #ff0000;
  font-size: 24px !important;
  line-height: 29px;
}
.template-cart .cart .price-item.price-item--regular {
  margin-left: 10px;
}
.template-cart .cart .price-item.price-item--regular span {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 26px;
  color: #3b3b3c;
  position: relative;
}
.template-cart .cart .price-item.price-item--regular span:after {
  content: '';
  position: absolute;
  top: 13px;
  lefT: 0;
  right: 0;
  height: 1px;
  background: #3b3b3c;
  width: 100%;
}
.template-cart .cart .cart-item-block.cart-item-price .cart-item__price-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.template-cart .cart .cart-item-wrapper {
  align-items: flex-start;
  flex-wrap: wrap;
}
.template-cart .cart .cart-item-option {
  padding: 0px;
  width: 100%;
  margin-bottom: 20px;
}
.template-cart .cart .cart-item-option h4 {
  font-family: 'Lato';
  font-weight: 500;
  margin: 0 0 5px;
  display: none;
}
.template-cart .cart .cart-item-variant {
  color: #3b3b3c;
  font-weight: 400;
  font-size: 16px;
}
.template-cart .cart .cart-item-edit {
  display: none;
}
.template-cart .cart .cart-item-block.cart-item-info .cart-item-block-right .cart-item-name a:hover .text {
  text-decoration: none;
}
.template-cart .cart-content-item[data-cart-total] .cart--totals-title {
  text-align: center;
  margin: 0px;
  padding: 15px;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  background: #3b3b3c;
  letter-spacing: 0.2px;
}
.template-cart .cart-content-item[data-cart-total] .cart--totals-title:after {
  display: none;
}
.template-cart .cart-content-item[data-cart-total] .cart-total, .template-cart .cart-content-item[data-cart-total] .cart-shipping, .template-cart .cart-content-item[data-cart-total] .cart-tax {
  margin: 0px 30px;
  padding: 20px 0px;
  border-bottom: 1px dashed #d5d5d5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.template-cart .cart-content-item[data-cart-total] .cart-tax {
  border-bottom: 0px;
}
.template-cart .cart-content-item[data-cart-total] .cart-total-subtotal:after, .template-cart .cart-content-item[data-cart-total] .cart-total.cart-total-grandtotal:after {
  display: none;
}
.template-cart .cart-content-item[data-cart-total] .cart-total .cart-total-label, .template-cart .cart-content-item[data-cart-total] .cart-total .cart-total-value, .template-cart .cart-content-item[data-cart-total] .cart-shipping .cart-total-label, .template-cart .cart-content-item[data-cart-total] .cart-shipping .cart-total-value, .template-cart .cart-content-item[data-cart-total] .cart-tax .cart-total-label, .template-cart .cart-content-item[data-cart-total] .cart-tax .cart-total-value {
  color: #3b3b3c;
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .21em;
}
.template-cart .cart-content-item[data-cart-total] .cart-total .cart-total-value, .template-cart .cart-content-item[data-cart-total] .cart-shipping .cart-total-value, .template-cart .cart-content-item[data-cart-total] .cart-tax .cart-total-value {
  letter-spacing: 0px;
}
.template-cart .cart-content-item[data-cart-total] .cart-total.cart-total-grandtotal {
  align-items: center;
}
.template-cart .cart .cart-item-properties.definitionList {
  max-width: 100%;
}
.template-cart .cart .cart-item-properties.definitionList dt, .template-cart .cart .cart-item-properties.definitionList dd {
  color: #3b3b3c;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.template-cart .cart .cart-item-properties.definitionList dt {
  display: none;
}
.template-cart .cart .cart-item-block.cart-item-quantity {
  width: 110px;
  margin-left: 10px;
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty {
  width: 100%;
  padding-bottom: 0px;
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity {
  width: 35px;
  height: 100%;
  top: -7px;
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity:before {
  width: 12px;
  height: 1px;
  left: 9px;
  top: 27px;
  background: #3b3b3c;
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity.plus:after {
  width: 12px;
  height: 1px;
  left: 9px;
  top: 27px;
  background: #3b3b3c;
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity.minus {
/*   border-right: 1px solid #3b3b3c; */
}
.template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity.plus {
/*   border-left: 1px solid #3b3b3c; */
}
.template-cart .cart .cart-item-block.cart-item-quantity input {
  border-radius: 0px;
  border: 1px solid #ddd;
  height: 40px;
  font-weight: 300;
  padding-top: 8px;
  padding: 11px 28px 10px 20px;
}
.template-cart .cart-content-item[data-cart-total] .cart-total.cart-total-grandtotal .cart-total-value {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0px;
}
.template-car .cart a.cart-remove {
  font-weight: 400;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #3b3b3c;
  color: #3b3b3c;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  padding: 17.5px 25px;
}
.template-car .cart a.cart-remove:hover {
  background: #3b3b3c;
  color: #fff;
}
.template-cart .cart-actions button {
  width: 100%;
  margin-bottom: 25px;
  font-weight: 400;
  border-radius: 5px;
  background: #3b3b3c;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  padding: 17.5px 25px;
}
.template-cart .cart-actions button:hover {
  background: transparent;
  color: #3b3b3c;
}
.template-cart .cart-actions a.button-2.button-continue {
  padding: 0px;
  text-align: left;
  color: #3b3b3c;
  border: none;
  border-bottom: 1px solid #cddfe3;
  width: fit-content;
  margin: 0;
  text-transform: capitalize;
  display: none;
}
.template-cart .cart-actions a.button-2.button-continue:hover {
  background: transparent;
}
.template-cart .coupenBox {
  padding-left: 0px;
}
.cart-coupon-code input[type=text] {
  border: 1px solid #c4c4c5;
  border-radius: 5px 0px 0px 5px;
  width: 75%;
  box-shadow: none !important;
  color: #b7b7b8;
  font-size: 16px;
}
.cart-coupon-code input[type=text]::placeholder {
  color: #b7b7b8;
  font-size: 16px;
}
.cart-coupon-code input[type=submit] {
  border-radius: 0 5px 5px 0;
  text-align: center;
  background: #3b3b3c;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  padding: 17.5px 25px;
  width: 25%;
  cursor: pointer;
  transition: .3s;
  border: 1px solid #3b3b3c;
  box-shadow: none !important;
}
.cart-coupon-code input[type=submit]:hover {
  background: transparent;
  color: #3b3b3c;
}
.coupenBox .cart-coupon-code {
  display: flex;
  flex-wrap: wrap;
}
.cartPayment {
  padding: 30px 30px 0px;
}
.cartPayment h5 {
  font-family: 'lato';
  font-weight: 700;
  letter-spacing: .21em;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.cartPayment ul.list-payment {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.cartPayment ul.list-payment li:first-child {
  padding-left: 0px;
}
.cartPayment ul.list-payment li.discover {
  padding-right: 0px;
  text-align: left;
}
.cartPayment ul.list-payment li.list-payment__item.afterpay {
  display: none;
}
.cartPayment ul.list-payment li {
  padding: 0px 8px;
  margin: 0px;
  width: 60px;
  display: inherit;
}
.cartPayment ul.list-payment li svg {
  width: 100% !important;
  filter: inherit;
}

/* cart css close */

/* customer photos page css */

.customerPhotos h1 {
  margin: 0px;
}
.customerPhotos p {
  max-width: 570px;
  margin: 15px auto 70px;
}
.customerPhotos .customers_images {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.customerPhotos .cust_block {
  box-shadow: none;
  border-radius: 0px;
  margin: 0px;
  width: calc(25% - 23px);
  overflow: visible;
}
.customerPhotos .cust_block .product_img_block {
  height: auto;
}
.customerPhotos .customer_info_block {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  border: none;
  border-radius: 0px;
}
.customerPhotos .cust_block:before {
  display: none;
}
.customerPhotos .cust_block .customer_info_block .cust_text_side a {
  font-weight: 600;
}
.customerPhotos .cust_block .product_img_block:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(153, 153, 153, 0.65);
  border-radius: 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.customerPhotos .cust_block:hover .product_img_block:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.customerPhotos #pagination-container ul {
  text-align: center;
  overflow: inherit;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.customerPhotos #pagination-container ul li {
  float: none;
}
.customerPhotos #pagination-container ul li a, .customerPhotos #pagination-container ul li span.current {
  border: 1px solid #DFE3E8;
  background: transparent;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #3b3b3c;
  padding: 8px 5px;
  margin: 0 5px;
  box-shadow: none;
  width: 32px;
  height: 32px;
}
.customerPhotos #pagination-container ul li a.page-link.prev, .customerPhotos #pagination-container ul li a.page-link.next {
  color: #C4CDD5;
  font-size: 18px;
  transition: .3s;
}
.customerPhotos #pagination-container ul li a.page-link.prev:hover, .customerPhotos #pagination-container ul li a.page-link.next:hover {
  background: #3b3b3c;
  border-color: #3b3b3c;
  color: #fff;
} 
.customerPhotos #pagination-container ul li.disabled span.current {
  background: #3b3b3c;
  border-color: #3b3b3c;
  color: #fff;
}
.customerPhotos #pagination-container ul li.active span.current {
  border: 1px solid #F0DFCC;
}

/* customer photos page css close */

/* create-account page css */

#halo-auth-sidebar .halo-sidebar-header {
  border-radius: 15px 15px 0 0;
}
#halo-auth-sidebar .halo-sidebar-header span.title {
  text-align: center;
  padding-top: 30px;
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
}
#create-account .halo-page-header {
  padding-top: 70px;
}
#create-account h1.page-header {
  font-family: "Crimson Text";
  font-size: 48px;
  font-weight: 400;
  line-height: 53px;
  color: #3b3b3c;
}
#create-account .alertBox-message a {
  color: #3b3b3c;
}
#create-account .breadcrumb-container {
  display: none;
}
#create-account label {
  color: #3B3B3C;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
}
#create-account .registerForm form input {
  background: #FAFAFA;
  border: none;
  border-radius: 5px;
  padding: 10.5px 15px;
  margin-bottom: 20px;
  max-width: 100%;
}
#create-account .registerForm form input:focus {
  outline: 2px solid #3b3b3c !important;
}
#create-account .registerForm form input.button {
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  padding: 17.5px 20px !important;
  min-width: 153px;
  letter-spacing: .21em;
}
#create-account .registerForm form input.button:hover {
  background: transparent;
  color: #3b3b3c;
}
#create-account .login-item .login-text {
  color: #3b3b3c;
}
.registerBox {
  display: flex;
  flex-wrap: wrap;
}
.registerForm {
  width: 60%;
  padding-right: 10%;
}
.registerImage {
  width: 40%;
}
.registerImage img {
  width: 100%;
}

/* create-account page css close */

/* login page css */

#account .breadcrumb {
  display: none;
}
#account .breadcrumb a {
  color: #3b3b3c;
  font-size: 14px;
}
#account .breadcrumb span {
  color: #bdbdbd;
  font-size: 14px;
}
#account .breadcrumb span svg {
  fill: #3b3b3c;
  width: 18px;
  height: 18px;
}

/* login in page css close */

/* FAQs page css */

.header_section .header_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header_section .header_content .header_heading {
  width: 25%;
  padding-right: 5%;
}
.header_section .header_content .header_heading h1 {
  margin: 0px;
}
.header_section .header_content .header_text {
  width: 75%;
}
.header_section .header_content .header_text p {
  margin: 0px;
}
.header_section .header_content .header_text p a {
  font-weight: 400;
  color: #3b3b3c;
}
.header_section .header_content .header_text p a:hover {
  text-decoration: underline;
}

.faqForm {
  background: #f8f7f3;
}
.faqSection {
  display: flex;
  flex-wrap: wrap;
}
.faqFormText {
  width: 50%;
  padding-right: 10%;
}
.faqFormText h2 {
  margin: 0px 0 30px;
}
.faqFormBox {
  width: 50%;
}
.contactFormNew.faqFormBox .form-actions input {
  width: auto;
}
.contactFormNew.faqFormBox input.form-input, .contactFormNew.faqFormBox textarea {
  margin-bottom: 0px;
  background: #fff;
}
.contactFormNew.faqFormBox .form-field-checkbox input.inputCheckbox {
  background: #fff;
}
.searchBox {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px;
  background: transparent;
}
.searchBox form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.searchBox form input.search {
  width: 80%;    
  margin-bottom: 0;
  background: #fff;
  border-radius: 5px 0px 0px 5px;
}
.searchBox form input.search:focus {
  outline: none !important;
}
.searchBox form input.button {
  width: 20%;
  border-radius: 0 5px 5px 0;
}
.accordion__subheading:first-child {
  margin-top: 0px;
}

/* faq tab css */

.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  margin-bottom: 50px;
}
.tablinks {
  text-align: center;
}
.tablinks.active {
  position: relative;
}
.tablinks.active:before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 22px;
  height: 19px;
  margin-left: -11px;
  background: url(/cdn/shop/files/triangle-white-arrow.png?v=1668705328) 50% 0 no-repeat;
  background-size: cover;
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
}
.tablinks h5 {
  margin: 10px 0px;
}
.tablinks img {
  margin: 0 auto;
  height: 75px;
}
.tabcontent#shipping {
  border-bottom: 0px;
  padding: 0px;
}
.tabcontent {
  display: none;
}
.tabcontent h3 {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0px 30px;
  margin: 0px;
}
button.accordion {
  width: 100%;
  border: none;
  text-align: left;
  padding: 15px 20px;
  background: none;
  font-size: 19px;
  line-height: 32px;
  font-weight: 400;
  color: #3b3b3c;
  cursor: pointer;
  transition: background-color 0.2s linear;
  position: relative;
  font-family: 'Lato';
}
.top-questions:first-child {
  border-top: 1px solid #E7E7E7;
}
button.accordion:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 30px;
  background: url(/cdn/shop/files/accordion-arrow-right.svg?v=1671110870) no-repeat;
  background-size: contain;
  width: 25px;
  height: 8px;
  transition: .3s;
}
button.accordion.is-open:after {
  background: url(/cdn/shop/files/accordion-arrow-down.svg?v=1671110870) no-repeat;
  background-size: contain;
  background-position: right;
  width: 8px;
  height: 25px;
}
button.accordion:hover,
button.accordion.is-open {
  background-color: transparent;
}
.accordion-content {
  background-color: white;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px solid #E7E7E7;
  transition: max-height 0.2s ease-in-out;
}
.accordion-content p {
  margin: 0;
  font-size: 15px;
  color: #3b3b3c;
  line-height: 25px;
  padding-bottom: 20px;
}
#searchResults {
  margin-bottom: 0px;
  padding: 80px 0px 20px;
}
#searchResults h2 {
  margin: 0 0 30px;
  font-size: 43px;
  line-height: 48px;
}

/* faq tab css close */
/* FAQs page css close */


/* Create Account Css */

.regpopup .regpopuptext .registerBox .registerForm .login-text {
  text-align: center;
  margin-bottom: 30px;
}

.regpopup .regpopuptext .registerBox .registerForm .login-text .createAcount-title {
  color: #3b3b3c !important;
}

.regpopup .regpopuptext .registerBox .registerForm .create-customer-form .form-field .form-label {
    color: #3b3b3c;
    font-size: 17px;
    line-height: 30px;
}

.regpopup .regpopuptext .registerBox .registerForm .create-customer-form .form-field input {
    background: #FFFFFF;
    border: 1px solid #D2D6DA;
    border-radius: 8px;
    color: #a4a7ab;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 0.5px;
}

.regpopup .regpopuptext .registerBox .registerForm .create-customer-form .form-field {
    margin-bottom: 24px;
}

.regpopup .regpopuptext .registerBox .registerForm .create-customer-form .form-actions .button {
    color: #fff;
    background: #3b3b3c;
    border: 1px solid #3b3b3c;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 13px;
    font-weight: 400;
    margin: 0;
    width: 100%;
    letter-spacing: .21em;
    border-radius: 5px;
    padding: 17.5px 20px;
}
.regpopup .regpopuptext .registerBox .registerForm .create-customer-form .form-actions .button:hover {
  color: #3b3b3c;
  background: transparent;
}

.regpopup .regpopuptext .registerBox {
    justify-content: end !important;
}

.regpopup .regpopuptext .LoginButton {
    margin-top: 10px;
}

.regpopup .regpopuptext .LoginButton a {
    font-size: 15px;
    line-height: 21px;
    color: #3b3b3c;
    font-weight: 700;
}

.regpopup .regpopuptext {
    padding: 50px 30px !important;
}

/* Close */

/* How to Order css */

.orderIconBox.iconBox .iconTextBox {
  margin-top: 30px;
  text-align: center;
}
.wallTypeCarousel {
  width: 100%;
  padding: 80px 0px;
}
.wallTypeCarousel h2 {
  margin: 0 0 20px;
}
.wallTypeCarousel p {
  max-width: 100%;
}
.calculatorSlider img {
  width: auto !important;
  margin: 0 auto;
}
.calculatorSlider .calculatorImage {
  width: 50%;
}
.calculatorSlider .calculatorText {
  width: 50%;
  padding-left: 8%;
  text-align: left;
  padding-right: 2%;
}
.calculatorSlider .calculatorText h3 {
  margin: 5px 0 20px;
}
#wallStyleCarousel .owl-item {
  opacity: 0.5;
}
#wallStyleCarousel .owl-item.active.center {
  opacity: 1;
}
.section-block-template--14475421810734__416a6506-9902-45fc-9ebf-7f42456982ae.rich-text a.button {
  max-width: 153px;
  min-width: auto;
}
.orderCalculator .row.rowButtons .input-group {
  display: flex;
}
.orderCalculator .row.rowButtons .input-group button {
  cursor: pointer;
}
.orderCalculator #calculate_btn {
  padding: 17.5px 20px;
  background: #3b3b3c;
  border: 1px solid #3b3b3c;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .21em;
  transition: .3s;
  font-weight: 400;
  min-width: 153px;
  margin: 30px auto 0;
  cursor: pointer;
}
.orderCalculator #calculate_btn:hover {
  background: transparent;
  color: #3b3b3c;
}
.orderCalculator .productDrawerForm #inputFormRow.centimeter .input-group input, #newRowCM .input-group input {
  width: 100% !important;
}
.orderCalculator #newRowIN #inputFormRow, .orderCalculator #newRowCM #inputFormRow {
  padding-top: 0px;
}
.orderCalculator #newRowIN #inputFormRow .input-group, .orderCalculator #newRowCM #inputFormRow  .input-group {
  border-top: 1px solid #ddd;
}
.orderCalculatorSection {
  text-align: center;
}
.orderCalculatorSection .container {
  max-width: 1040px !important;
  padding: 0px 20px !important;
  margin: 0 auto;
}
.orderCalculatorSection h2{
  margin: 0 0 20px; 
}
.orderCalculatorSection p {
  margin: 0px; 
  font-size: 19px;
  line-height: 32px;
  max-width: 710px;
  margin: 0 auto;
}
.orderCalculatorBox {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}
.orderCalculatorText {
  width: 60%;
  padding-right: 6%;
  text-align: left;
}
.orderCalculatorText h4 {
  padding-left: 35px;
  margin: 0 0 20px;
  position: relative;
  font-size: 25px;
}
.orderCalculatorText h4:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 30px;
  height: 26px;
  background: url(/cdn/shop/files/How_to_order_1_-cropped.svg?v=1670956343) no-repeat;
  background-size: 30px;
}
.orderCalculatorText ul {
  padding-left: 20px;
  margin: 0px;
}
.orderCalculatorText ul li {
  font-weight: 300;
  color: #3b3b3c;
  margin: 10px 0px;
}
.orderCalculator {
  width: 40%;
}
.orderCalculator .modal-calculator-form {
  width: 100%;
  border-left: none;
  padding: 0px;
  height: auto;
}
.orderCalculatorBox .productDrawerForm #inputFormRow .input-group h5 {
  width: 100%;
  margin: 0 0 5px;
}
.orderCalculatorBox .productDrawerForm #inputFormRow .input-group {
  display: flex;
  flex-wrap: wrap;
}
.orderCalculatorBox .notfound .col-lg-12 {
  font-size: 14px;
  line-height: 25px;
  margin-top: 20px;
  font-weight: 400;
  color: #3b3b3c;
}
.wallTypeCarousel .calculatorSlider {
  display: flex;
  flex-wrap: wrap;
}
.wallTypeCarousel .calculatorSlider img {
  width: 100% !important;
  margin: 0 auto;
}

/* How to Order css close */

/* login css */

#account .login-row {
  justify-content: flex-start;
}
#account .login-page .login-rowLeft {
  width: 60%;
  padding-right: 10%;
  padding-top: 0px;
}
#account h1.page-header {
  font-family: "Crimson Text";
  font-size: 48px;
  font-weight: 400;
  line-height: 53px;
  color: #3b3b3c;
  padding-top: 80px;
}
#account h2, #account .login-text {
  color: #3b3b3c;
}
#account form label {
  font-size: 15px;
  line-height: 27px;
  color: #3b3b3c;
  font-weight: 700 !important;
}
#account form input {
  background: #FAFAFA;
  border: none;
  border-radius: 5px;
  color: #3b3b3c;
  padding: 10.5px 15px;
  font-weight: 400;
  font-size: 19px;
  line-height: 32px;
  letter-spacing: 0.5px;
  height: auto;
  max-width: 100%;
}
#account #shopify-section-register-image {
  display: none;
}
#account form input#CustomerPassword::placeholder {
  color: #3b3b3c;
}
#account form .form-actions {
  margin-top: 0px;
}
#account form .form-actions input, #account form .form-actions a {
  background: #3b3b3c;
  padding: 17.5px 20px;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.21em;
  text-transform: uppercase;
  width: auto;
  border: 1px solid #3b3b3c;
  color: #fff;
  border-radius: 4px;
}
#account form .form-actions a {
  margin-left: 20px;
  background: transparent;
  color: #3b3b3c;
  text-decoration: none;
}
#account form .form-actions a span {
  text-decoration: none;
}
#account form .form-actions a:hover {
  background: #3b3b3c;
  color: #fff;
}
#account form .form-actions input:hover {
  background: transparent;
  color: #3b3b3c;
}
#account .login-rowItem.login-rowRight form input {
  background: #fff;
}
#account .login-rowItem.login-rowRight form .form-actions input {
  background: #3b3b3c;
  min-width: 153px;
}
#account .login-rowItem.login-rowRight form .form-actions input:hover {
  background: transparent;
}

/* login css close */

/* shipping css */

.shippingSection .container {
  max-width: 880px !important;
  padding: 0 20px !important;
}
.shippingSection h1 {
  margin: 0 0 20px;
  position: relative;
}
.shippingSection h1:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: url(/cdn/shop/files/belowBorder.png?v=1666704117) no-repeat;
  background-size: contain;
}
.shipping {
  padding: 50px 0px;
  border-bottom: 1px solid #BDBDBD;
}
.shipping:last-child {
  border-bottom: 0px;
}
.shipping h4 {
  margin: 0px;
}
.shipping p {
  margin: 10px 0 0;
  line-height: 32px;
}
.shipping p br {
  content: '';
  height: 10px;
}

/* shipping page css close */

/* search page css */

.template-search .page-content {
  position: relative;
  z-index: 0;
}
.template-search h1 {
  font-family: 'Crimson Text';
  font-size: 38px;
  line-height: 35px;
  color: #3b3b3c;
  padding-bottom: 10px !important;
  text-transform: inherit;
}
.template-search p.collection-product-count {
  font-size: 15px;
  line-height: 25px;
  color: #3b3b3c;
  margin-bottom: 30px !important;
}
.template-search .search-form .form-input {
  width: 80%;
  background: #fafafa;
  border-radius: 5px 0px 0px 5px;
  border: none;
  color: #3b3b3c;
}
.template-search .search-form .form-input::placeholder {
  color: #3b3b3c;
}
.template-search .search-form .search__button {
  width: 20%;
  border-radius: 0 5px 5px 0;
  margin: 0;
  background: #3b3b3c;
}
.template-search .search-form .search__button:hover {
  background: transparent;
}
.template-search .form-field {
  margin-bottom: 0px;
}
.template-search #SearchSection-template--14371536928814__main {
  padding: 100px 0;
}
.template-search .halo-search-content.halo-grid-content.sidebar--layout_vertical {
  margin-top: 50px;
}
.template-search .page-sidebar  {
  display: none;
}
.template-search .page-content {
  width: 100% !important;
}
.template-search .page-content .card-swatch, .template-search .page-content .card-action {
  display: none;
}
.template-search .card-information {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  padding: 15px;
  height: auto;
}
.template-search .card-title.link-underline  {
  line-height: 13px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .21em;
  font-weight: 600;
  color: #3B3B3C;
}
.template-search .price__compare {
  order: 2;
}
.template-search .price__last span, .template-search .price__compare span {
  font-size: 13px !important;
  line-height: 20px !important;
  letter-spacing: .05em !important;
  margin: 0 !important;
  color: #ACACAC !important;
  font-weight: 400 !important;
}
.template-search .card-price {
  margin-bottom: 0px;
}
/* .template-search .price__compare {
  display: none;
} */
.template-search .wishlist-icon span {
  display: none !important;
}
.template-search .card-wishlist .wishlist-added {
  background: #fff url(/cdn/shop/files/heart_icon_red.png?v=1669124653) no-repeat;
  box-shadow: 0 4px 20px rgb(34 34 34 / 15%);
  background-size: 18px;
  background-position: center;
  transition: none;
}
.template-search .card-wishlist .wishlist-added svg {
  display: none;
}
.template-search .activeCard .card-product__group, .template-search .activeCard .card-wishlist {
  opacity: 1;
  visibility: visible;
}
.template-search .activeCard .card-product__group {
  transform: translateZ(0);
}
.template-search .product-card-layout-02 .card:hover {
  box-shadow: none;
}

/* search page css close */

/* wishlist page css */

#wish-list .page-header {    
  font-family: 'Crimson Text';
  font-size: 31px;
  line-height: 35px;
  font-weight: 600;
  color: #3b3b3c;
  text-transform: none;
}
#wish-list .wishlist-content-text {
  color: #3b3b3c;
}
#wish-list a.button.button-2.button-continue {
  width: 100%;
  margin-bottom: 25px;
  font-weight: 400;
  border-radius: 5px;
  background: #3b3b3c;
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  padding: 17.5px 25px;
}
#wish-list a.button.button-2.button-continue:hover {
  background: transparent;
  color: #3b3b3c;
}
#wish-list .wishlist-rowHeading h2.wishlist-rowItem {
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  color: #3b3b3c;
  text-transform: capitalize;
}
#wish-list .wishlist-rowHeading h2.wishlist-rowItem.wishlist-meta {
  margin-left: 20px;
}
#wish-list .wishlist-rowHeading h2.wishlist-rowItem.wishlist-image {
  opacity: 0;
  visibility: hidden;
}
#wish-list .wishlist-rowItem.wishlist-meta a.item-title {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Crimson Text';
  font-weight: 600;
  color: #3b3b3c;
}
#wish-list .wishlist-rowItem.wishlist-meta a.item-vendor {
  color: #3b3b3c;
  display: none;
}
#wish-list .wishlist-rowItem.wishlist-price span {
  font-size: 19px;
  line-height: 32px;
  color: #3b3b3c;
  font-weight: 400;
}
#wish-list .wishlist-rowItem.wishlist-add a.item-btn.button {
  width: 100%;
  font-weight: 400;
  border-radius: 5px;
  background: #3b3b3c;
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: .21em;
  padding: 17.5px 25px;
}
#wish-list .wishlist-rowItem.wishlist-add a.item-btn.button:hover {
  color: #3b3b3c;
  background: transparent;
}
#wish-list .wishlist-rowItem.wishlist-remove svg {
  fill: #3b3b3c;
}
#wish-list .wishlist-footer.pagination-right a {
  color: #3b3b3c;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: .5px;
}
#wish-list .wishlist-footer.pagination-right a svg {
  fill: #3b3b3c;
}
#wish-list .wishlist-footer.pagination-right .pagination-num.active .pagination__item {
  border-color: #3b3b3c;
}

/* wishlist page css close */

.mfp-content a{
  position: absolute;
  top: 60px;
  right: 40px;
  color: #fff;
}
#coloritto .mfp-content a, #customer-photos .mfp-content a {
  position: absolute;
  top: 60px;
  right: 40px;
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1.2px;
  padding: 10px 12px;
  background: rgb(59 59 60 / 60%);
  border-radius: 5px;
}
#coloritto .mfp-content a:hover, #customer-photos .mfp-content a:hover {
  background: #3b3b3c;
}
#coloritto .mfp-content a svg, #customer-photos .mfp-content a svg {
  width: 15px;
  height: 15px;
  fill: #fff;
}
.mfp-content a svg{
  width: 25px;
  height: 25px;
  fill: #fff;
}

.halo-popup-header .halo-popup-desc {
  color: #3b3b3c;
}
.halo-popup-wrapper ul.list-unstyled.list-social li svg, .halo-popup-wrapper ul.list-unstyled.list-social li svg path {
  fill: #3b3b3c;
}
.halo-popup-wrapper .form-label--checkbox {
  color: #3b3b3c;
}
.background-overlay {
  background: rgba(0,0,0,.6)
}
#loaderGif{
  display:flex;
  align-items:center;
  justify-content: center;
}
body.quotePopupOpen {
    overflow: hidden;
}

.template-collection .card-media>img,
.template-collection .card-media>video{
  object-fit: cover;
}

.halo-lookbook-popup {
  width: 320px;
  height: auto;
}

.halo-lookbook-popup.style-1 {
  margin-top: 180px;
}

.halo-lookbook-popup .halo-popup-wrapper,
.halo-lookbook-popup .halo-popup-content {
  width: 100%;
  height: auto;
}

.halo-lookbook-popup .lookbook-content .card-media,
.halo-lookbook-popup .lookbook-content .card-product__wrapper > a.card-media {
  display: none !important;
}

.halo-lookbook-popup .lookbook-content .card-vendor {
  display: none !important;
}

.halo-lookbook-popup .lookbook-content .card-action {
  display: none !important;
}

.halo-lookbook-popup .lookbook-content .card-information__wrapper {
  padding: 14px 20px !important;
  text-align: center;
  box-sizing: border-box;
}

.halo-lookbook-popup .lookbook-content .card-title {
  display: block !important;
  width: 100% !important;
  float: none !important;
  text-align: center !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 0 auto 8px auto !important;
  white-space: nowrap;
}

.halo-lookbook-popup .lookbook-content .card-title .text {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.halo-lookbook-popup .lookbook-content .card-price {
  font-size: 14px !important;
  margin: 0 !important;
}

.halo-lookbook-popup .lookbook-content .card-price .price {
  justify-content: center !important;
}

.halo-lookbook-popup .lookbook-content .price__compare .price-item--regular {
  color: #999999;
}

.halo-lookbook-popup .lookbook-content .price__regular .price-item--regular,
.halo-lookbook-popup .lookbook-content .price__sale .price-item--sale {
  color: #e34234 !important;
}

.halo-lookbook-popup .lookbook-content dd.price__compare {
  order: 2;
}

.halo-lookbook-popup .lookbook-content .price__sale dd.price__last {
  order: 1;
}

#itoris_dynamicproductoptions_popup #itoris_dynamicproductoptions_popup_button_apply{
  left: 0;
}



/* best-seller css */

.featured_box .text_side {
  width: 255px;
  padding: 0px 20px 0px 0px;
}
.featured_box .products_side {
  width: calc(100% - 255px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.featured_box .products_side .product__block {
  width: calc(25% - 15px);
  z-index: 0;
}
.featured_box .products_side .product__block .prod_details{
  background: #fff;  
}

/* best seller css close */

.announcement-bar .row.cstmRow{
  justify-content: space-between;
}

/* Responsive Css */

@media(min-width:1600px) and (max-width:1803px) {
  header .header-bottom-left {
    width: 250px !important;
  }
  header .header-bottom-right {
    width: 250px !important;
  }
}

@media(max-width:1860px) {
  .img_txt_col .txtBlock p {
    font-size: 16px !important;
    line-height: 1.68em;
  }
  .img_txt_col .txtBlock h2 {
    font-size: 48px;
    line-height: 52px;
  }
  .iconWithText h2 {
    font-size: 48px !important;
    line-height: 52px !important;
  }
  .two_col-img_txt .imgBlock img 
    min-width: 150px;
  }
  .rich-text__blocks h2 {
    font-size: var(--fontsize-heading-style);
    color: var(--color-heading-style);
  }
}
@media(max-width:1859px) {
  .rich-text .rich-text__blocks h2, h1, .design_h2 {
    font-size: 48px;
    line-height: 52px;
  }
}
@media(max-width: 1760px) {
  .positionContent.positionContent-2 {
    margin-right: 240px;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 60px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 60px;
  }
}
@media(max-width: 1750px) {
  .two_col-img_txt .img_txt_col .txtBlock {
    padding: 70px 100px 100px 150px !important;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 70px 150px 100px 100px !important;
  }
  p {
    font-size: 15px;
    line-height: 25px;
  }
  .wallpaperText {
    min-height: 485px;
  }
  .murals .wallpaperText {
    min-height: 290px;
  }
  .wallpaperImgWithTxt .text__block {
    min-height: 450px;
  }
  .productIconBox .iconPara p {
    font-size: 15px !important;
    line-height: 25px;
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal p, .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal dl dd, .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal dl dt {
    font-size: 15px;
    line-height: 26px;
    font-family: 'Lato';
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal .tab-popup-content {
    font-size: 15px;
    line-height: 26px;
    font-family: 'Lato';
  }
  .template-product .tab-popup-content table td {
    font-family: 'Lato';
  }
  .shipping p {
    line-height: 25px;
  }
  .product-wrapper-heading h4 {
    font-size: 15px;
    line-height: 25px;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -10px;
  }
  .template-product .fancybox-thumbs {
    right: 120px;
  }
}
@media(max-width: 1700px) {
  .img_txt_col .txtBlock a {
    margin-top: 0px;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 60px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 60px;
  }
  .murals .wallpaperText {
    min-height: 325px;
  }
}
@media(max-width: 1660px) {
  .headerHeading h2 {
    padding: 0px 10px;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -20px;
  }
}
@media(max-width: 1600px) {
  .positionContent.positionContent-2 {
    margin-right: 220px;
  }
  .positionContent.positionContent-2.positionContent-3 {
    margin-left: 40px;
  }
  .positionImage1.position-2Image1.position-4Image1 {
    left: 220px;
  }
  .positionImage2.position-2Image2.position-4Image2 {
    right: 670px;
  }
  .position-2Image1.position-4Image3 {
    left: 90px;
  }
  .wallpaperText {
    min-height: 545px;
  }
  .template-product .fancybox-toolbar button.fancybox-button.fancybox-button--close {
    right: -190px;
  }
  .modal-calculator-form .productDrawerForm {
    max-width: 400px;
  }
  .mfp-container {
    max-width: 950px;
  }
  #itoris_dynamicproductoptions_popup {
    max-width: 45% !important;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -5px;
  }
  /* best-seller css */
  
  .featured_box .products_side .product__block {
    width: calc(33.3% - 14px);
  }
  
  /* best seller css close */
}
@media(max-width: 1500px) {
  .positionContent {
    padding: 80px;
  }
  .halo-collection-content .sidebarNone + .page-content .collection ul li {
    width: 25% !important;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -15px;
  }
}

@media(max-width: 1460px) {
  .positionContent {
    padding: 80px;
    margin-left: 100px;
  }
  .positionImage1 {
    right: 230px;
  }
  
  .positionContent.positionContent-2.positionContent-3 {
    padding: 100px 170px 100px 90px;
  }
  .positionImage1.position-2Image1.position-3Image1 {
    right: 200px;
  }
  .positionImage2.position-2Image2.position-3Image2 {
    right: 365px;
  }
  .positionImageWithText.positionImageWithText-2.positionImageWithText-3 {
    margin-bottom: 50px;
  }
  .position-2Image1.position-3Image3 {
    bottom: -10px;
  }
  .position-2Image1.position-3Image3.position-4Image3 {
    left: 90px;
    bottom: -280px !important;
  }
  .positionImage1.position-2Image1.position-3Image1.position-4Image1 {
    left: 170px;
  }
  .positionImage2.position-2Image2.position-3Image2.position-4Image2 {
    right: 590px;
    bottom: -230px;
  }
  .positionImageWithText.positionImageWithText-2.positionImageWithText-3.positionImageWithText-4 {
    margin-bottom: 220px !important;
  }
  .positionContent.positionContent-2.positionContent-3.positionContent-4 {
    padding: 100px 120px 100px 140px;
  }
  .wallpaper {
    width: 49%;
  }
  .murals .wallpaper {
    width: 24%;
  }
  .showcase {
    column-gap: 1%;
    row-gap: 25px;
  }
  .wallpaperText {
    min-height: 410px;
  }
  .modal-calculator-form .productDrawerForm {
    max-width: 350px;
  }
}
@media(max-width: 1440px) {
  .container {
    padding: 0px 5% !important;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 40px;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 40px;
  }
  .positionImage1.position-2Image1 {
    left: 160px;
    bottom: 190px;
  }
  .positionImage2.position-2Image2 {
    left: 110px;
  }
  .positionImage1.position-2Image1.position-3Image3 {
    bottom: -10px;
    right: 30px;
    left: auto;
  }
  .position-2Image1.position-3Image3.position-4Image3 {
    left: 90px;
    bottom: -280px !important;
  }
  .modal-details p {
    padding: 0px 15px;
  }
  .template-product .fancybox-thumbs {
    right: 100px;
  }
  .template-product .fancybox-toolbar button.fancybox-button.fancybox-button--close {
    right: -325px;
  }
  .calculatorSlider {
    align-items: center;
  } 
  .calculatorSlider .calculatorText {
    padding-left: 2%;
  }
  .calculatorSlider  p {
    padding: 0px;
    margin-bottom: 0px;
  }
  .calculatorSlider .calculatorText h3 {
    margin-top: 0px;
  }
  .mfp-close {
    right: 18%;
  }
  #itoris_dynamicproductoptions_popup {
    max-width: 50% !important;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: 0px;
  }
  .template-product .fancybox-button.fancybox-button--arrow_right {
    right: 11%;
  }
  .template-product .fancybox-button.fancybox-button--arrow_left {
    left: 11%;
  }
  .template-product .fancybox-show-thumbs .fancybox-inner {
    width: 70%;
  }
}
@media(max-width: 1366px) {
  .positionContent {
    padding: 50px;
  }
  .positionContent.positionContent-2.positionContent-3 {
    padding: 90px 170px 80px 60px;
  }
  .positionContent.positionContent-2.positionContent-3.positionContent-4 {
    padding: 100px 100px 100px 90px;
    width: 58%;
    margin-right: 60px;
  }
  .positionImage2.position-2Image2.position-3Image2.position-4Image2 {
    right: 520px;
    bottom: -190px;
  }
  .positionImage1.position-2Image1.position-3Image1.position-4Image1 {
    left: 160px;
  }
  .position-2Image1.position-3Image3.position-4Image3 {
    left: 60px;
    bottom: -230px !important;
  }
  .murals .wallpaperText {
    min-height: 340px;
  }
  .icon-boxs {
    column-gap: 20px;
  }
  .icon-box {
    width: calc(33% - 20px);
    padding: 10px 0px;
  }
  .customOrderBoxes .icon-box {
    width: calc(25% - 20px);
  }
  .template-product .fancybox-button.fancybox-button--arrow_right {
    right: 15%;
  }
  .template-product .fancybox-button.fancybox-button--arrow_left {
    left: 15%;
  }
  .mfp-container {
    max-width: 760px;
    padding: 0px 70px;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -20px;
  }
}
@media(min-width: 1220px) and (max-width: 1366px) {
  .two_col-img_txt .img_txt_col .txtBlock {
    padding: 50px 80px 50px 130px !important;
  }
  .img_txt_col.left_block {
    margin-right: -50px;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 50px 130px 50px 80px !important;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 20px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 20px;
  }
  
}
@media(max-width: 1280px) {
  h2 {
    font-size: 31px;
    line-height: 35px;
  }
  .wallpaperShowcase h2 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 50px;
  }
  .HTAImageWithText.img_txt_block .text__block .design_h2 {
    font-size: 31px;
    line-height: 35px;
  }
  .rich-text.section-block-template--14442499964974__4a991946-7326-4d9f-b014-013f0d4882bc h2 {
    line-height: 36px !important;
    font-size: 31px !important;
  }
  .img_txt_col .txtBlock p {
    margin: 20px 0px 30px;
  }
  .footer__top-section {
    width: 100%;
  }
  .footer-block__item.footer-block__column {
    width: 20%
  } 
  .footer-block__item.footer-block__column:last-child {
    width: 40%;
  }
  .prod_details {
    height: auto;
  }
  .positionContent {
    padding: 50px;
    margin-left: 100px;
    width: 50%;
  }
  .positionImage1 {
    right: 170px;
  }
  .positionImage2 {
    right: 140px;
  }
  .positionContent.positionContent-2 {
    margin-right: 150px;
    width: 48%;
    padding: 50px;
  }
  .positionImage2.position-2Image2 {
    left: 110px;
  }
  .positionImage1.position-2Image1 {
    left: 160px;
    bottom: 190px;
  }
  .positionContent.positionContent-2.positionContent-3 {
    padding: 70px 140px 70px 40px;
  }
  .positionImage1.position-2Image1.position-3Image3 {
    right: 50px;
  }
  .template-product .fancybox-thumbs {
    right: 60px;
  }
  .template-product .fancybox-button.fancybox-button--arrow_right {
    right: 12%;
  }
  .template-product .fancybox-button.fancybox-button--arrow_left {
    left: 12%;
  }
  .header-02 .list-menu li a.menu-lv-1__action {
    padding: 0px 15px !important;
  }
  .featured_box .prod_details {
    padding: 15px 15px;
  }
}

@media(max-width: 1220px) {
  .two_col-img_txt .img_txt_col {
    width: 100%;
  }
  .img_txt_col.left_block {
    margin-top: -30px;
    margin-right: 0px;
    padding: 0px 80px 0px 0px;
  }
  .two_col-img_txt .img_txt_col.left_block .txtBlock {
    padding: 100px 50px 100px 30px;
  }
  .img_txt_col.right_block {
    margin-left: 0;
    padding: 0px 0px 0px 80px;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 100px 70px 100px 40px;
  }
  .two_col-img_txt .imgBlock img {
    height: 360px;
  }
  .two_col-img_txt .img_txt_col .txtBlock {
    padding: 50px 80px 50px 130px !important;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 50px 130px 50px 80px !important;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 80px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 80px;
  }
  .featured_box a.design__btn.btn.button {
    min-width: auto;
  }
}

@media(max-width: 1220px) and (min-width: 1024px) {
  .two_col-img_txt .imgBlock img {
    width: 100%;
    max-width: 270px;
  }
  .two_col-img_txt .img_txt_col .txtBlock {
    width: 75%;
  }
  .container {
    padding: 0px 4% !important;
  }
  .customers_images .cust_block .customer_info_block .cust_text_side {
    margin-left: 20px;
  }
  .header-02 .list-menu li a.menu-lv-1__action {
    padding: 0px 8px !important;
  }
  .header-02 .list-menu li:first-child a.menu-lv-1__action {
    padding-left: 0px !important;
  }
  .header-02 .list-menu li:last-child a.menu-lv-1__action {
    padding-right: 0px !important;
  }
  .header-02 .list-menu li a.menu-lv-1__action .icon-dropdown svg {
    right: 4px;
  }
  .header-02 .list-menu li:last-child a.menu-lv-1__action svg {
    right: -2px;
  }
}

@media (max-width: 1199px) {
  .section-block-template--14371536044078__166272142207f22dce {
    padding-top: 100px !important;
  }
}

@media(max-width: 1170px) {
  .contact__info_block {
    width: 35%;
  }
  .cstmRow .doubly-wrapper {
    display: block;
    width: 25%;
  }
}

@media(max-width: 1100px) {
  .halo-collection-content .page-content .collection ul li {
    width: 33.33% !important;
  }
  .announcement-bar .container {
    padding: 0px 15px !important;
  }
  .header-02 .container {
    padding: 0px 15px !important;
  }
  .template-product .announcement-bar .container, .template-product header .container {
    padding: 0px 15px !important;
  }
  .wallpaperShowcase, #shopify-section-template--14458345652270__08c8e2de-194a-4e9e-ac42-391599d18450 .img_txt_block {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .section-block-template--14434674245678__2017273d-9073-4589-aba2-c27b6f84380e {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
  }
  #shopify-section-template--14434674245678__daeacf89-8221-4548-ad62-1569de82c282 .img_txt_block {
    padding-bottom: 50px !important;
  }
}

@media (max-width:1024px){

  #CollectionSection-template--14371535847470__product-grid {
    padding: 20px 0px 50px!important;
  }
  .list-menu li .menu-dropdown a.site-nav-title {
    background: #fff;
    color: #3b3b3c;
  }
  .halo-sidebar_menu .site-nav-mobile .list-menu .menu-lv-item:last-child {
    border-bottom: 0px;
  }
  .site-nav-mobile.nav-account .header__link--account {
    padding: 10px 20px !important;
  }
  .site-nav-mobile.nav-account .header__link--account svg, .site-nav-mobile.nav-account .header__link--account svg path {
    fill: #3b3b3c !important;
  }
  .site-nav-mobile.nav-account .header__link--account .title, .site-nav-mobile.nav-account .header__icon--wishlist .title {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 12px;
    color: #3b3b3c;
  }
  .list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-title span {
    top: auto;
    bottom: 0;
    height: 50px;
  }
  .halo-sidebar-close svg, .halo-sidebar-close svg path {
    fill: #3b3b3c !important;
  }
  .img_txt_block .images__block img {
    height: auto;
  }
  .helpMenus .helpMenu {
    text-align: center;
  }
  .helpMenuText {
    width: calc(100% - 70px);
    text-align: left;
  }
  .helpMenuImage {
    margin: 0 auto;
    width: 70px;
    height: 70px;
  }
  .helpMenus {
    padding: 10px;
  }
  #shopify-section-template--14371536044078__1662986084b11f9c34 .customer_main_block {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .section-block-template--14371536044078__166272142207f22dce {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
  }
  .ReviewsSection {
    padding: 90px 0px !important;
  }
  .header-mobile {
    box-shadow: none;
  }
  .iconBoxSection {
    width: 33.33% !important;
  }
  .aboutIconBox .iconBoxSection {
    width: 50% !important;
  }
  .aboutIconBox .iconTextBox h6 {
    margin-top: 0;
  }
  .featured_box .text_side {
    width: 100%;
    padding: 0 0 50px;
  }
  .featured_box .products_side {
    width: 100%;
/*     justify-content: space-between; */
  }
  .featured_box .products_side .product__block .product-image {
    width: 100%;
  }
  .img_txt_block{
    padding: 0 50px;
  }
  .img_txt_block .text__block {
    padding: 0 0 0 100px;
  }
  .img_txt_block.imageWithTextReverse .text__block {
    padding: 0 100px 0 0px;
  }
  .two_col-img_txt .img_txt_col.left_block .txtBlock {
    padding: 50px 40px 50px 80px;
  }
  .contact__info_block {
    gap: 0;
    padding: 10px 0px;
    flex-wrap: wrap;
  }
  .halo-popup-wrapper-mobile .lookbook-mobile-item {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .halo-popup-wrapper-mobile .lookbook-mobile-item .img-box {
    display: none;
  }
  .mobile-lookbook-title.text-shorten {
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
  }
  .mobile-lookbook-price.price {
    text-align: left !important;
    justify-content: flex-start !important;
    font-weight: 400 !important;
  }
  .mobile-popup-header {
    justify-content: flex-start;
  }
  .halo-popup-wrapper-mobile .halo-popup-container-mobile {
    height: 150px;
  }
  .currency__block {
    display: none;
  }
  .contact__info_block {
    width: 36%;
  }
  .announcement-bar__message {
    width: 33.3%;
  }
  .announcement-bar__message .message {
    justify-content: flex-end;
  }
  .phone_no {
    margin-right: 20px;
  }
  .wallpaper {
    width: 49%;
    margin: 0px;
  }
  .murals .wallpaper {
    width: 49%;
  }
  .murals .wallpaperText {
    min-height: auto;
  }
  .customer_info_block {
    padding: 15px 0px;
  }
  .featured_box .prod_details {
    height: auto;
  }
/* our story css */
  .ourStoryHeader {
    padding-top: 50px;
    padding-bottom: 50px;
  } 
  .videoWithText {
    padding: 30px 0px 0px;
  }
  .headerHeading {
    width: 100%;
  }
  .headerHeading h2 {
    line-height: 55px;
  }
  .headerVideo {
    width: 100%;
    margin-top: 30px !important;
    margin: 0px;
  }
  .positionContent {
    width: 100%;
    padding: 30px;
    margin-left: 0px;
  }
  .positionImage1 {
    position: static;
    margin-top: 20px;
    width: 100%;
  }
  .positionImage2 {
    width: 100%;
    position: static;
    margin-top: 20px;
  }
  .positionImageWithText {
    padding-bottom: 50px;
  }
  .positionImageWithText.positionImageWithText-2 {
    padding: 50px 0px;
  }
  .positionContent.positionContent-2 {
    margin-right: 0px;
    width: 100%;
    padding: 30px;
  }
  .positionImage1.position-2Image1, .positionImage2.position-2Image2 {
    width: 100%;
  }
  .positionImageWithText.positionImageWithText-2.positionImageWithText-3 {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0px !important;
  }
  .positionImageWithText.positionImageWithText-2.positionImageWithText-3.positionImageWithText-4 {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0px !important;
  }
  .rich-text.section-block-template--14442499964974__4a991946-7326-4d9f-b014-013f0d4882bc h2 {
    margin-bottom: 0px;
  }
  .positionContent.positionContent-2.positionContent-3 {
    padding: 30px;
    width: 100%;
    margin-left: 0px;
  }
  .positionImage1.position-2Image1.position-3Image1, .positionImage2.position-2Image2.position-3Image2 {
    width: 100%;
  }
  .positionContent.positionContent-2.positionContent-3.positionContent-4 {
    width: 100%;
    padding: 30px;
    margin: 0px;
  }
  #shopify-section-template--14442499964974__d5ceada0-5b15-4dfe-b3b8-03ef30ccc795 .img_txt_block .images__block img {
    padding: 0;
  }
/* our story css close */
  .midContainer {
    padding: 0px 5%;
  }
  .wallpaperText {
    min-height: 440px;
  }
  .collectionMenuButton {
    display: none;
  }
  .menuBar {
    justify-content: flex-start;
    padding-top: 60px;
  }
  .toolbar .toolbar-wrapper .toolbar-dropdown.filter-sortby .label-tab.hidden-on-desktop {
    padding: 4px 15px 4px 10px !important;
    text-align: left !important;
    min-width: 100px;
  }
  .toolbar .toolbar-dropdown .label-tab.hidden-on-desktop .icon-dropdown {
    right: 10px !important;
  }
  .halo-collection-content .page-content {
    width: 100% !important;
  }
  .wallpaperImgWithTxt {
    padding: 0px 0px;
  }
  .wallpaperImgWithTxt .images__block {
    width: 49%;
  }
  .wallpaperImgWithTxt .text__block {
    padding: 20px !important;
    width: 49%;
  }
  .wallpaperStyle {
    width: calc(25% - 15px);
  }
  .wallpaperStyles {
    column-gap: 20px;
    row-gap: 20px;
  }
  .productDrawerContent {
    width: 90%;
  }
  .template-product .fancybox-button.fancybox-button--arrow_right {
    right: 7%;
  }
  .template-product .fancybox-button.fancybox-button--arrow_left {
    left: 7%;
  }
  .template-product .fancybox-toolbar button.fancybox-button.fancybox-button--close {
    right: 50px;
  }
  .template-product .fancybox-show-thumbs .fancybox-inner {
    width: 100%;
  }
  .template-product .fancybox-show-thumbs  .fancybox-thumbs {
    display: none;
  }
  .template-cart .cart-content-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .template-cart .cart-content-item[data-cart-total] {
    padding: 0px !important;
    margin-top: 0px;
  }
  .template-cart .cart-content-item[data-cart-total] ul.cart-totals.list-unstyled, .template-cart .cart-content-item[data-cart-total] .cart-actions {
    width: 100%;
  }
  .template-cart .cart-content-item[data-cart-total] .cart-actions {
    margin: 20px 20px 0;
  }
  .template-cart .cart-content-item[data-cart-total] .cart-total.cart-total-grandtotal .cart-total-value {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
  }
  .template-cart .cart-content-item[data-cart-content] {
    padding-right: 50px;
  }
  .template-cart .cart .cart-item-option {
    margin-bottom: 10px;
  }
  .cust_block .product_img_block img {
    height: 250px;
  }
  .calculatorSlider .calculatorImage {
    width: 100%;
  }
  .calculatorSlider .calculatorText {
    padding-left: 2%;
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .orderCalculator .modal-calculator-form .productDrawerForm {
    max-width: 100%;
  }
  .helpMenus .helpMenu {
    width: 100%;
    align-items: center;
    padding: 10px;
  }
  .cutomOrderMenuText {
    width: 100%;
  }
  .menu-dropdown {
    margin-top: 35px;
  }
  .mfp-close {
    right: 0;
    top: 0;
  }
  .mfp-container {
    max-width: 100%;
    padding: 0px 20px;
  }
  #itoris_dynamicproductoptions_popup {
    max-width: 60% !important;
    width: 100% !important;
  }
  .cstmRow .doubly-wrapper {
    width: 30.7%;
  }
  .list-menu li a {
    padding: 10px 18px !important;
  }
  .list-menu li .menu-dropdown {
    margin-top: 30px;
  }
  .cutomOrderMenuImage {
    width: 100%;
  }
  .productIcon .icon-box h4 {
    font-size: 31px;
    line-height: 36px;
  }
  .halo-sidebar_menu .title, .halo-sidebar_menu .nav-title-mobile {
    color: #3b3b3c;
  }
  .site-nav-mobile .header__inline-menu .menu-lv-item .icon-dropdown svg {
    transform: rotate(0deg) !important;
    top: 20px !important;
    fill: #3b3b3c;
  }
  .site-nav-mobile .header__inline-menu .menu-lv-item .icon-dropdown svg path {
    fill: #3b3b3c;
  }
  .list-menu li .megamenu_style_3 .site-nav .site-nav-list .site-nav-sub {
    width: 90%;
    top: 20px;
    left: 0;
    right: 0;
    padding: 20px !important;
    margin: 0 auto;
    z-index:999999999;
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal {
    padding: 20px 50px;
  }
  header {
    padding: 13.5px 0px;
  }

  #best-sellers .toolbar.show-sticky, .template-collection .toolbar.show-sticky {
    position: relative !important;
    animation: none !important;
  }

  #best-sellers .toolbar, .template-collection .toolbar{
    width: 100%;
  }

  #best-sellers .background-overlay, .template-collection .background-overlay {
    display: none !important;
  }

  #best-sellers .card-product__group, .card-action, .template-collection .card-product__group, .card-action{
    opacity: 1 !important;
    visibility: visible !important;
    right: 30px !important;
  }

  #best-sellers .card-quickview .quickview-icon, .card-wishlist .wishlist-icon, .card-compare .compare-icon, .template-collection .card-quickview .quickview-icon {
    display: block !important;
    padding: 9px !important;
  }

  #best-sellers .card-quickview .icon,
  .card-wishlist .icon,
  .card-compare .icon,
  .template-collection .card-quickview .icon{
    width: 100% !important;
  }

  .header-mobile--right .header__icon.header__icon--wishlist {
    margin-right: 20px !important;
  }

  #search-3-results-found-for-quot-wallpaper-quot .toolbar-wrapper.toolbar-mobile {
    display: none !important;
  }
  .template-cart .cart-item-block.cart-item-remove {
    padding: 2px 10px 10px;
  }
  
}

@media (max-width:991px){

  #CollectionSection-template--14371535847470__product-grid {
    padding: 20px 0px 50px!important;
  }

  .faqForm .faqSection .faqFormBox {
    padding: 40px 20px !important;
  }
  
/*   .featured_box .prod_details {
    min-height: 126px;
  } */
  .iconTextBox h3{
    font-size: 31px !important;
    line-height: 36px;
  }
  .iconBox.iconText {
    margin-top: 55px !important;
  }
  .iconBox .iconTextBox {
    margin-top: 20px;
  }
/*   .featured_box .products_side {
    justify-content: space-between;
  } */
  p {
    font-size: 15px;
    line-height: 25px;
  }
  .aboutIconBox .iconBoxSection {
    width: 50% !important;
  }
  .iconTextBox .iconPara p {
    font-size: 15px !important;
    line-height: 25px;
  }
  .featured_box .products_side .product__block .product-image {
    width: 100%;
    height: 100%;
  }
  .two_col-img_txt .img_txt_col {
    width: 100%;
  }
  .img_txt_col.left_block {
    margin-top: -30px;
    padding: 0px 0px 0px 0px;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 0px;
  }
  .two_col-img_txt .img_txt_col.left_block .txtBlock {
    padding: 100px 50px 100px 30px;
  }
  .img_txt_col.right_block {
    margin-left: 0;
    padding: 0px 0px 0px 0px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 0px;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 100px 70px 100px 40px;
  }
  .owl-nav {
    margin-top: 20px;
    text-align: center;
  }
  .customers_images .owl-carousel .owl-nav button.owl-next, .customers_images .owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
  }
  .customer_info_block {
    padding: 15px 0px;
  }
  .two_col-img_txt .img_txt_col .txtBlock {
    padding: 50px 50px 50px 120px!important;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 50px 120px 50px 50px!important;
  }
  .iconWithText h2 {
    font-size: 48px!important;
    line-height: 52px!important;
    margin-top: 0px;
  }
  .iconWithText {
    padding: 80px 0px !important;
  }
  .design_h2 {
    margin-top: 0px;
  }
  .main_featuredBox {
    padding: 80px 0px !important;
  }
  .design_h2 {
    font-size: 48px;
    line-height: 52px;
  }
  .section-block-template--14371536044078__166272142207f22dce {
    padding-top: 80px !important;
    padding-bottom: 70px !important;
  }
  .img_txt_block .text__block {
    padding: 0 0 0 50px;
  }
  .img_txt_block.imageWithTextReverse .text__block {
    padding: 0 20px 0 0;
  }
  .customer_main_block {
    padding: 80px 0px !important;
  }
  .img_txt_block {
    padding: 80px 0px !important;
  }
  .wallpaperText {
    min-height: 415px;
  }
  .number {
    width: 100%;
    border-radius: 5px;
    text-align: center;
  }
  .numberButton {
    width: 100%;
    margin-top: 10px;
  }
  .numberButton a {
    border-radius: 5px;
  }
  .spotlight-button.button {
    padding-top: 14px;
    padding-bottom: 14px;
    min-width: auto !important;
  }
  .customImageBanner-inner .link_title {
    line-height: 25px;
    font-size: 20px;
  }
  .footer-block__item.footer-block__column {
    width: 33.3%;
  } 
  .footer-block__item.footer-block__column:last-child {
    width: 100%;
  }
  .wallpaper {
    width: 100%;
  }
  .enquiriesSection .container {
    padding: 0px 15px !important;
  }
  .generalEnquiry {
    width: 49%;
  }
  .generalEnquiry p {
    margin: 0px 0px 20px;
    min-height: 85px;
  }
  .enquiriesSection {
    padding-bottom: 50px !important;
  }
  .formSection .container {
    padding: 0px 15px !important;
  }
  .contactFormNew {
    padding: 40px 20px !important;
  }
  .img_txt_block {
    padding: 80px 0px !important;
  }
  .wallpaperImgWithTxt .images__block {
    width: 100%;
  }
  .wallpaperImgWithTxt .text__block {
    width: 100%;
  }
  .wallpaperImgWithTxt .text__block {
    min-height: auto;
  }
  .generalPreparation .preparataionDetail {
    width: 100%;
    padding-right: 0;
  }
  .generalPreparation .preparationTools {
    width: 100%;
  }
  .section-search {
    max-width: 90%;
    padding: 10px;
  }
  .lookingFor {
    padding: 30px 10%;
  }
  .icon-box {
    width: calc(50% - 20px);
    padding: 10px 0px;
  }
  .template-cart .cart-content-item[data-cart-content] {
    padding-right: 0px;
    width: 100%;
    margin-bottom: 40px;
  }
  .template-cart .cart-content-item[data-cart-total] {
    padding: 0px 0 30px !important;
    margin-top: 0px;
    width: 100%;
  }
  .template-cart .cart-content-item[data-cart-total] .cart-total, .template-cart .cart-content-item[data-cart-total] .cart-shipping, .template-cart .cart-content-item[data-cart-total] .cart-tax {
    margin: 0px 20px;
    padding: 20px 0px;
  }
  .template-cart .cart-content-item[data-cart-total] .cart-actions {
    margin: 0;
    padding: 30px 30px 0;
  }
  .customerPhotos .cust_block {
    width: calc(50% - 15px);
  }
  .customerPhotos .cust_block .product_img_block img {
    height: 350px;
  }
  .imageWithTextReverse.img_txt_block {
    padding: 30px 0px 60px !important;
  }
  #create-account .halo-page-header {
    padding-top: 50px;
  }
  .registerForm {
    width: 100%;
    padding-right: 0;
  }
  .registerImage {
    width: 100%;
    margin-bottom: 40px;
  }
  .registerBox {
    flex-direction: column-reverse;
  }
  .account-page .halo-page-content {
    padding-bottom: 50px;
  }
  .faqFormText {
    width: 100%;
    margin-bottom: 30px;
  }
  .faqFormBox {
    width: 100%;
    padding: 0px !important;
  }
  .tabcontent h3 {
    font-size: 31px;
    line-height: 36px;
  }
  .contactFormNew.searchBox {
    padding: 0px !important;
  }
  .template-product .quoteSampleButtons .product-form__submit.button {
    width: 100%;
    margin-bottom: 15px;
  }
  .template-product .quoteSampleButtons .product-form__submit.button:last-child {
    margin-bottom: 0px;
  }
  .calculatorSlider .calculatorImage {
    width: 50%;
  }
  .calculatorSlider .calculatorText {
    width: 50%;
    text-align: left;
  }
  .bottom_section .col-lg-6 {
    width: 50%;
  }
  .productDrawer #calculate_btn, .productDrawer #close_btn {
    min-width: 100%;
  }
  .productDrawerForm #inputFormRow .input-group input {
    width: 47%;
  }
  .modal-calculator-form .productDrawerForm #inputFormRow {
    padding: 20px 20px;
  }
  #itoris_dynamicproductoptions_popup {
    max-width: 80% !important;
  }
  .contact__info_block {
    width: 45%;
  }
  .announcement-bar__message {
    width: 40%;
  }
  .cstmRow .doubly-wrapper {
    width: 15%;
  }
  .productIcon .icon-box {
    margin: 5px 0px;
  }
  .ReviewsSection {
    padding: 60px 0px !important;
  }
  #shopify-section-template--14371536044078__1662986084b11f9c34 .customer_main_block {
    padding: 70px 0px !important;
  }
  #shopify-section-template--14371536044078__1662723341ba337603 .iconTextBox h3 {
    font-size: 28px !important;
    line-height: 32px;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    padding: 70px 120px 70px 50px!important;
  }
  .template-product .fancybox-slide--image {
    padding: 120px 30px;
  }
  #shopify-section-template--14461231595566__ae7bb670-a915-4078-be43-00a2d29e7d5b .icon-box-section {
    padding: 50px 0px !important;
  }
  .wallpaperShowcase {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .section-block-template--14434674245678__2017273d-9073-4589-aba2-c27b6f84380e {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
  }
  #shopify-section-template--14434674245678__daeacf89-8221-4548-ad62-1569de82c282 .img_txt_block {
    padding-bottom: 50px !important;
  }
  #judgeme_product_reviews {
    width: 100%;
    padding: 50px 15px;
  }
  #judgeme_product_reviews .jdgm-widget-actions-wrapper {
    margin-top: -10px;
    text-align: left;
  }
  #judgeme_product_reviews .jdgm-rev-widg__summary {
    text-align: left;
  }
  #judgeme_product_reviews .jdgm-widget-actions-wrapper a {
    margin: 0 auto;
  }
}

@media (max-width:767px){
/* paper types css */

  .collectionImgWithTxt.img_txt_block {
    padding: 80px 0px !important;
  }

  .faqTabs .tabcontent button.accordion {
    padding: 15px 30px 15px 20px !important;
  }
  
  .imageBoxes .imageBox {
    width: 100%;
    padding: 0;
  }
  .imageBoxes .imageBox {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .imageBoxes .imageBox:last-child {
    margin-bottom: 0px;
  }
  .imageWithText .images__block-fullwidth {
    width: 100%;
    margin-bottom: 40px;
  }
  
/* paper types css close */
  .rich-text .rich-text__blocks h2 {
    line-height: 39px;
    font-size: 36px;
  }
  .wallpaperShowcase h2 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 40px;
  }
  h1 {
    font-size: 36px;
    line-height: 40px;
  }
  h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .wallpaper {
    width: 100%;
  }
  .contact__info_block {
    padding: 0px;
  }
  .img_txt_col .txtBlock h2 {
    font-size: 36px;
    line-height: 39px;
  }
  p {
    font-size: 17px;
    line-height: 31px;
  }
  .cstmRow{
    padding:10px 0px;
    width: 100%;
    margin-left: 5px !important;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .cstmRow, .contact__info_block {
    flex-direction: row;
    flex-wrap: nowrap !important;
  }
  .cstmRow div {
    width:100%;
    text-align:center;
    gap: 0px; 
    margin-right: 10px;
  }
  .cstmRow .email {
    margin-right: 0px;
  }
  .currency__block{
    display:none;
  }
  .footer__top-section {
    width: 100%;
  }
  .leftImg .iconTextBox,
  .leftImg .iconImage {
    width: 100% !important;
  }

  .leftImg .iconTextBox {
    margin-top: 20px !important;
  }

  .iconBoxSection {
    width: 100% !important;
    flex-direction: column-reverse;
    margin-bottom: 30px;
    align-items: flex-start;
  }
  .iconBoxSection.col5 {
    width: 50% !important;
  }

  .aboutIconBox .iconBoxSection {
    padding: 10px 0px;
  }
  .iconWithText h2 {
    font-size: 36px !important;
    line-height: 39px!important;
    margin-top: 10px;
  }

  .aboutIconBox .iconTextBox h6 {
    font-size: 16px !important;
    margin-top: 0;
  }

  .iconTextBox .iconPara p {
    font-size: 17px !important;
    line-height: 31px !important;
  }
  .iconWithText {
    padding-top: 60px!important;
    padding-bottom: 60px!important;
  }
  .iconTextBox h3{
    font-size: 28px !important;
    line-height: 31px;
  }
  .img_txt_block .images__block, .img_txt_block .text__block {
    width: 100%;
  }
  .img_txt_block {
    padding: 60px 0px !important;
}
  .img_txt_block .images__block{
    flex-wrap:wrap;
    gap:0px;
  }
  .img_txt_block .images__block img{
    width: 100% !important;
    margin: 0 5px 20px;
  }
  .img_txt_block .text__block {
    padding: 0;
}
  .featured_box .products_side .product__block {
    width: 100%;
    margin: 0px;
  }
  .featured_box .products_side {
    gap: 16px;
  }
  .featured_box .products_side .product__block .product-image {
    width: 100%;
    height: 100%;
  }
  .main_featuredBox {
    padding: 50px 0px !important;
  }
  .featured_box .design_h2 {
    max-width: 145px;
  }
  .design_h2 {
    font-size: 36px;
    line-height: 39px;
    margin: 0px 0px 30px;
  }
  .design_h2:after{
    width: 150px;
  }
  .two_col-img_txt .left_block .imgBlock, .two_col-img_txt .right_block .imgBlock  {
    width: 100%;
    position: inherit;
  }
  .two_col-img_txt .left_block .imgBlock {
    left: 0px;
  }
  .two_col-img_txt .right_block .imgBlock {
    right: 0px;
  }
  .two_col-img_txt .left_block .imgBlock img, .two_col-img_txt .right_block .imgBlock img {
    width: 100%;
    height: 100%;
  }
  .two_col-img_txt .img_txt_col .txtBlock {
    width: 100%;
  }
  .two_col-img_txt .right_block .imgBlock {
    width: 100%;
    margin: 0px auto 0;
        z-index: 1;
  }
  .img_txt_col.right_block {
    flex-direction: column-reverse;
    margin-top: 50px;
    padding: 0px;
  }
  .img_txt_col .txtBlock p {
    margin: 20px 0px 30px;
  }
  .img_txt_col.left_block {
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px;
  }
  .two_col-img_txt .img_txt_col .txtBlock {
    width: 100%;
    padding: 30px 0px !important;
    height: auto;
    box-shadow: none;
  }
  .two_col-img_txt {
    padding: 60px 0px;
  }
  .featured_box a.design__btn.btn.button {
    width: 210px;
  }
  .design__btn {
    font-size: 10px;
    padding: 12.7px 15.5px !important;
    line-height: 23px;
  }
  .spotlight-button.button {
    font-size: 10px!important;
    padding: 12.7px 15.5px !important;
  }
  #shopify-section-template--14371536044078__1662986084b11f9c34 .customer_main_block {
    padding: 50px 0px !important;
  }
  .iconBoxSection:last-child {
    margin-bottom: 0px;
  }
  .two_col-img_txt .img_txt_col.right_block .txtBlock {
    height: auto;
    padding: 20px 0px !important;
  }
  .scroll-down .two_col-img_txt .imgBlock::after {
    border-radius: 0px !important;
  }
  .announcement-bar__message .message {
    justify-content: center;
    padding: 0px;
  }
  .section-block-template--14371536044078__166272142207f22dce {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .customImageBanner-inner .link_title {
    line-height: 25px;
    font-size: 20px;
  }
  .generalEnquiry {
    width: 100%;
    margin: 10px 0px;
  }
  .wallpaperShowcase h2, .enquiriesSection h2 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 40px;
  }
  .two-col-field .form-field {
    width: 100%;
  }
  .newsletter-form__field-wrapper {
    display: block !important;
  }
  .button.newsletter-form__button {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .footer__top-section {
    display: block !important;
  }
  .footer__top-section {
    padding: 0px 0px 30px;
  }
  .img_txt_block.imageWithTextReverse .text__block {
    padding: 0px;
  }
  .murals .wallpaper {
    width: 100%;
  }
  .HTAImageWithText.img_txt_block .text__block {
    width: 100%;
    padding: 0px;
  }
  .HTAImageWithText.img_txt_block .images__block {
    width: 100%;
  }
  .HTAImageWithText.img_txt_block .text__block .design__btn.btn.button, .murals .wallpaperText a.design__btn.btn.button {
    padding: 0px !important;
  }
  .collectionImgWithTxt.img_txt_block .text__block {
    padding: 0px;
    width: 100%;
  }
  .collectionImgWithTxt .images__block.images__block-fullwidth {
    width: 100%;
  }
  .wallpaperStyle {
    width: calc(50% - 10px);
  }
  .lookingFor {
    padding: 20px 20px;
  }
  .searchText h3 {
    margin: 30px 0 10px;
  }
  .searchField input[type=text] {
    background: #fff;
  }
  .icon-box {
    width: 100%;
    padding: 10px 0px;
  }
  .productDrawerContent {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-right: -100%;
  }
  .modal-details {
    width: 100%;
  }
  .modal-calculator-form {
    width: 100%;
    border-left: 0px;
    border-top: 2px solid #ddd;
    padding-bottom: 20px !important;
  }
  .template-cart .cart .cart-item-block.cart-item-info .cart-item-block-left {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .template-cart .cart .cart-item-block.cart-item-info .cart-item-block-right {
    width: 100%;
  }
  .template-cart .cart .cart-item-block.cart-item-info .cart-item-block-right .cart-item-name a {
    margin-bottom: 10px;
  }
  .template-cart .cart-content-item[data-cart-total] .cart-actions {
    padding: 20px 20px 0;
  }
  .template-cart .cart-actions button {
    padding-top: 17.5px !important;
    padding-bottom: 17.5px !important;
  }
  .cart-coupon-code input[type=text] {
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
  }
  .cart-coupon-code input[type=submit] {
    border-radius: 5px;
  }
  .template-cart .cart-content-item[data-cart-total] .cart--totals-title {
    padding: 12px 20px;
  }
  .template-cart .cart-content-wrapper {
    padding-bottom: 50px;
  }
  .template-cart .cart-content-item[data-cart-content] {
    margin-bottom: 20px;
  }
  .template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity:before, .template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity.plus:after {
    top: 22px;
  }
  .template-cart .cart .cart-item-block.cart-item-quantity {
    margin-left: 10px;
    width: auto !important;
    display: inline-block !important;
  }
  .template-cart .cart .cart-item-blocks.small-screen-visible {
    flex-direction: row-reverse;
    display: none;
  }
  .template-cart .cart-item-block.cart-item-remove {
    text-align: center !important;
    height: 45px !important;
    width: 100px !important;
  }
  .template-cart .cart-item-block.cart-item-remove .cart-remove {
    margin-top: 10px;
  }
  .customerPhotos .cust_block {
    width: 100%;
  }
  .cust_block .product_img_block img {
    height: auto;
  }
  .template-product .halo-productView-left {
    width: 100%;
    margin-right: 0;
  }
  .template-product .halo-productView-right {
    width: 100%;
  }
  .customOrderBoxes .icon-boxs {
    gap: 10px;
  }
  .customOrderBoxes .icon-box {
    width: calc(50% - 10px);
  }
  .headerHeading h2 {
    line-height: 40px;
    font-size: 30px;
  }
  .wallpaperShowcase {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .halo-collection-content .page-content .collection ul li {
    width: 50% !important;
    margin-bottom: 20px;
  }
  #create-account h1.page-header {
    font-size: 36px;
    line-height: 39px;
  }
  .header_section .header_content .header_heading {
    width: 100%;
    margin-bottom: 30px;
  }
  .header_section .header_content .header_text {
    width: 100%;
  }
  .tabs {
    border: 1px solid #e7e7e7;
    border-bottom: 0px;
  }
  .tablinks {
    width: 50%;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
  }
  .tablinks.active {
    position: relative;
    background: #f8f7f3;
  }
  .searchBox form input.search {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .searchBox form input.search::placeholder {
    color: #3b3b3c;
  }
  .searchBox form input.button {
    width: 100%;
    border-radius: 5px;
  }
  .wallTypeCarousel .calculatorSlider {
    padding: 0 20px;
  }
  .calculatorSlider {
    padding: 0 10px;
  }
  .calculatorSlider .calculatorImage {
    width: 100%;
  }
  .calculatorSlider .calculatorText {
    width: 100%;
    text-align: center;
  }
  .orderCalculatorText {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .orderCalculator .modal-calculator-form {
    padding: 0px;
    border-top: none;
  }
  .orderCalculator {
    width: 100%;
  }
  #itoris_dynamicproductoptions_popup .field label.label.admin__field-label {
    width: 100%;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field {
    flex-direction: column-reverse;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field img {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    left: 0;
  }
  .template-product .productView-share.style-3 .share-button__fallback.is-open {
    margin-left: 0;
    right: 20px;
    width: 50px;
  }
  .template-product .productView-share.style-3 .share-button__fallback.is-open .share-header {
    display: none;
  }
  .phone_no {
    margin-right: 0px;
  }
  .productIcon .icon-box {
    width: 100%;
  }
  #itoris_dynamicproductoptions_popup .field .control .field.choice.admin__field input {
    bottom: -40px;
  }

  .customImageBanner-item {
    margin: 10px 0px;
  }

  #shopify-section-template--14371536044078__d807aca6-1117-406a-8639-097c6f2303cd .ReviewsSection {
    padding: 30px 0px !important;
  }

  #shopify-section-template--14371536044078__1662739002b368ff41 .img_txt_block {
    padding: 60px 0px !important;
  }
  .customerPhotos .customer_main_block {
    padding: 60px 0px 80px!important;
  }
  #shopify-section-template--14475421810734__41b0f607-171c-4ce4-9f85-67b530e2f9b6 .iconWithText {
    padding-top: 80px!important;
  }
  .section-block-template--14475421810734__47f47768-fb41-4cb4-97a4-12d8626258d6 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .section-block-template--14475421810734__416a6506-9902-45fc-9ebf-7f42456982ae {
    padding-top: 80px !important;
    padding-bottom: 20px !important;
  }
  #shopify-section-template--14475421810734__e7b12f56-eac8-4e8c-818f-32f492330ff6 .main_featuredBox {
    padding: 50px 0px 80px !important;
  }
  .wallpaperShowcase {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .doubly-wrapper {
    display: block;
  }
  .doubly-wrapper ul li {
    color: #3b3b3c !important;
  }
  .featured_box .prod_details {
    padding: 10px 5px;
    min-height: 85px !important;
  }
  .productView-moreItem.moreItem-breadcrumb .breadcrumb-container {
    width: 100%;
    background: transparent;
    padding-top: 50px;
  }
  .template-product .slick-counter {
    right: 5px !important;
    bottom: 5px !important;
  }
  .template-product .productView-bottom {
    padding: 50px 0px;
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal {
    padding: 20px 0px;
    background: transparent;
  }
  .featured_box .prod_details .prod_title {
    line-height: 13px;
    font-size: 11px;
  }
  .template-product .halo-productView-left .slick-arrow.slick-next {
    top: 50%;
  }
  .template-product .halo-productView-left .slick-arrow.slick-prev {
    top: 50%;
  }
  .modal-details .owl-item .model-detail {
    margin: 0 0px 30px;
  }
  .template-product .productView-action {
    width: 100%;
  }
  .template-product .productView-action .product-form__submit {
    padding-top: 17.5px !important;
    padding-bottom: 17.5px !important;
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal h5 {
    color: #3b3b3c;
  }
  .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal a:after, .template-product .productView-bottom .tabs-contents.tabs-contents-horizontal a:before {
    background: #3b3b3c;
  }
  .productDrawerContent {
    height: auto;
  }
  .productDrawer {
    overflow: hidden;
    overflow-y: auto;
  }
  .template-product .productView-iconZoom, .template-product .slick-counter {
    display: none !important;
  }

  #best-sellers .background-overlay{
    display: none !important;
  }

/*   #best-sellers .halo-collection-content .page-content .collection ul li {
    width: 50% !important;
  } */

  #best-sellers .productListing {
    margin-bottom: 0px !important;
  }

  .list-menu li .megamenu_style_3 .site-nav.dropdown .site-nav-list .site-nav-title {
    padding-left: 63px !important;
  }

  .list-menu li .megamenu_style_3 .site-nav.dropdown .site-nav-list .site-nav-title {
    position: relative;
  }
  
  .list-menu li .megamenu_style_3 .site-nav.dropdown .site-nav-list .site-nav-title::before {
    position: absolute;
    content: "SHOP BY";
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #3b3b3c;
    z-index: 9;
  }
  .list-menu li .megamenu_style_3 .site-nav.dropdown .site-nav-list .site-nav-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -120px;
    z-index: 99999999;
  }
  .list-menu li .megamenu_style_3 .site-nav.dropdown.best-sellers .site-nav-list .site-nav-title::before {
    display: none;
  }
  .product-details .productView-tab .tabs-contents-horizontal .tab-content {
    z-index: unset;
    position: relative;
  }
  #calculator-sider {
    z-index: 0 !important;
    opacity: 0 !important;
    display: none !important;
  }
  .productDrawerOpen #calculator-sider {
    z-index: 0 !important;
    opacity: 1 !important;
    display: block !important;
  }
  #best-sellers .card-product__group, .card-action {
    opacity: 1 !important;
    visibility: visible !important;
    right: 10px !important;
    transform: translateZ(0) !important;
  }
  #best-sellers .card-quickview .quickview-icon, .card-wishlist .wishlist-icon, .card-compare .compare-icon {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    padding: 5px !important;
  }
  #best-sellers .card-quickview .icon,
  .card-wishlist .icon,
  .card-compare .icon {
    width: 100% !important;
  }
  #search-3-results-found-for-quot-wallpaper-quot .card-product__group.group-right {
    right: 10px !important;
    transform: inherit;
  }
  #coloritto .mfp-content a, #customer-photos .mfp-content a {
    right: 20px;
  }
  #wallStyleCarousel {
    z-index: 0;
  }
  .doubly-nice-select {
    font-size: 11px !important;
    line-height: 20px !important;
    height: auto !important;
    padding: 5px 20px 5px 5px !important;
  }
  .doubly-nice-select:after {
    top: 11px !important;
    right: 9px !important;
  }
  .current.notranslate .flags.flags-United-States {
    margin-top: 0px !important;
  }
  .footer__logo img {
    width: auto;
    max-height: 20px;
    margin-bottom: 20px;
  }
  .scroll-down .two_col-img_txt .right_block .imgBlock::after {
    transition-delay: 1s !important;
  }
  .template-cart .cart-item-block.cart-item-remove {
    padding: 3px 10px 10px;
    display: inline-block !important;
  }
  .template-cart .cart .cart-item-block.cart-item-quantity input {
    height: 45px;
  }
  .template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty {
    width: 110px;
  }
  .template-cart .cart .cart-item-block.cart-item-quantity .cart-item-qty .btn-quantity {
    top: 0;
  }
  .wallpaperStyle .wallpaperStyleButton {
    top: 45%;
  }
  .wallpaperStyle .wallpaperStyleButton a.design__btn {
    padding: 10px !important;
  }
  .cartPayment ul.list-payment li {
    width: 20%;
    padding: 0px;
  }
  #account .login-rowItem.login-rowRight form .form-actions input {
    padding: 17.5px 20px !important;
  }
  #account form .form-actions {
    flex-wrap: wrap;
  }
  #account form .form-actions input, #account form .form-actions a {
    padding: 17.5px 20px !important;
    width: 100%;
  }
  #account form .form-actions a {
    margin-left: 0px;
    margin-top: 20px;
    text-align: center;
  }
  #account #shopify-section-register-image {
    display: block;
  }
  #account h1.page-header {
    font-size: 36px;
    line-height: 39px;
    padding-top: 66px;
  }
  #account .login-page .login-rowLeft {
    width: 100%;
    padding-right: 0%;
  }
}
.product-details-decal .product-wrapper-heading{
  display:none !important;
}
/* .product-details-decal .dpo-container{
  display:none !important;
}
 */

/* Fix: keep slideshow lookbook hotspots (the "+" pins) UNDER the header mega-menu overlay.
   The header sits in a stacking context at z-index:1, but the lookbook "+" icon
   (.select-icon, z-index:2) had no stacking-context ancestor, so it leaked into the
   root stacking context above the menu. Giving the slideshow section its own stacking
   context below the header (z-index:0) traps the hotspot underneath the open mega-menu. */
.shopify-section.sections-slide-show {
  position: relative;
  z-index: 0;
}















































/* ── Product page price: terracotta sale price, struck compare, % pill ────────
   The % pill markup now renders wherever there's a real discount, so it is
   hidden by default and only shown in the product-page price block. */
.price__label_sale{ display:none; }
.productView-price .price__label_sale{ display:inline-block; }

/* one row: sale price, then struck compare, then the pill */
/* NOTE: custom.css also has `.template-product .price--on-sale .price__sale
   { flex-direction: row-reverse }` (see above) — added back when the markup put the
   compare-at price first. price.liquid now emits sale price -> compare -> badge in the
   correct source order for product pages, so that reverse must be cancelled here.
   Scoped to .productView-price so related-product cards keep their existing behaviour. */
.productView-price .price__sale{
    display:flex !important; flex-direction:row !important;
    align-items:baseline; gap:6px; flex-wrap:wrap;
}
.productView-price .price__sale dt{ display:contents; }
.productView-price .price__sale dd{ margin:0 !important; }
/* badge keeps a little more air than the tight price/compare pairing */
.productView-price .price__sale .price__label_sale{ margin-left:10px !important; align-self:center; }

/* sale price */
.productView-price .price.price--on-sale .price-item--sale,
.productView-price .price.price--on-sale .price-item--sale .money{
    color:#E95144 !important;
    font-size:25px !important;
    font-weight:700 !important;
    line-height:1.1;
}

/* struck-through compare price */
.productView-price .price__compare s,
.productView-price .price.price--on-sale .price-item--regular,
.productView-price .price.price--on-sale .price-item--regular .money{
    color:#3B3B3C !important;
    font-size:14px !important;
    font-weight:600 !important;
    text-decoration:line-through;
}

/* regular (not-on-sale) price keeps the same weight/size, brand ink */
.productView-price .price:not(.price--on-sale) .price-item--regular,
.productView-price .price:not(.price--on-sale) .price-item--regular .money{
    color:#3B3B3C !important;
    font-size:25px !important;
    font-weight:700 !important;
    text-decoration:none;
}

/* percentage pill (overrides the theme's clip-path tag shape) */
.productView-price .price__label_sale{
    clip-path:none !important;
    border-radius:10px !important;
    height:auto !important;
    line-height:normal !important;
    overflow:visible !important;
}
.productView-price .price__label_sale .label_sale{
    background:#E95144 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:700 !important;
    padding:5px 11px !important;
    border-radius:8px;
    display:inline-block;
    line-height:1.1;
}

@media (max-width:767px){
    .productView-price .price__sale{ gap:5px; }
    /* baseline alignment inflates the row height at this size, pushing an
       align-self:center badge ~7px low; flex-start lands it optically centred. */
    .productView-price .price__sale .price__label_sale{ align-self:flex-start; }
    .productView-price .price.price--on-sale .price-item--sale,
    .productView-price .price.price--on-sale .price-item--sale .money,
    .productView-price .price:not(.price--on-sale) .price-item--regular,
    .productView-price .price:not(.price--on-sale) .price-item--regular .money{ font-size:24px !important; }
    .productView-price .price__compare s,
    .productView-price .price.price--on-sale .price-item--regular,
    .productView-price .price.price--on-sale .price-item--regular .money{ font-size:13px !important; }
    .productView-price .price__label_sale .label_sale{ font-size:11px !important; padding:4px 9px !important; }
}

/* ── Product price: final overrides ───────────────────────────────────────────
   This theme's own custom.css targets the price with high-specificity
   !important rules (e.g. `.template-product .price dd.price__compare span
   { font-size:15px !important }` and `.template-product .price__last span
   { color:#f00 !important }`). The selectors below are deliberately
   over-qualified (class repeated) so they win, and they also target the
   `<span class="money">` wrapper the money filter emits. */
.productView-price.productView-price.productView-price .price__sale .price__last .price-item--sale,
.productView-price.productView-price.productView-price .price__sale .price__last .price-item--sale span,
.productView-price.productView-price.productView-price .price__sale .price__last span{
    font-size:25px !important;
    font-weight:700 !important;
    color:#E95144 !important;
    line-height:1.1 !important;
    text-decoration:none !important;
}
.productView-price.productView-price.productView-price .price__sale .price__compare s,
.productView-price.productView-price.productView-price .price__sale .price__compare s span,
.productView-price.productView-price.productView-price .price__sale .price__compare .money,
.productView-price.productView-price.productView-price .price__sale .price__compare span{
    font-size:14px !important;
    font-weight:600 !important;
    color:#3B3B3C !important;
    text-decoration:line-through !important;
}
.productView-price.productView-price.productView-price .price__label_sale .label_sale{
    font-size:10px !important;
    font-weight:700 !important;
    padding:5px 11px !important;
    background:#E95144 !important;
    color:#fff !important;
    border-radius:8px !important;
    line-height:1.1 !important;
}
@media (max-width:767px){
    .productView-price.productView-price.productView-price .price__sale .price__last .price-item--sale,
    .productView-price.productView-price.productView-price .price__sale .price__last .price-item--sale span,
    .productView-price.productView-price.productView-price .price__sale .price__last span{ font-size:24px !important; }
    .productView-price.productView-price.productView-price .price__sale .price__compare s,
    .productView-price.productView-price.productView-price .price__sale .price__compare s span,
    .productView-price.productView-price.productView-price .price__sale .price__compare .money,
.productView-price.productView-price.productView-price .price__sale .price__compare span{ font-size:13px !important; }
    .productView-price.productView-price.productView-price .price__label_sale .label_sale{ font-size:11px !important; padding:4px 9px !important; }
}

/* ── Quantity + "How much wallpaper" on one row ───────────────────────────────
   product-page.liquid wraps the quantity block and the calculator link in
   .qty-howmuch-row. Flex them into a single line: QUANTITY: [− n +]   [calc] link.
   Scoped to .qty-howmuch-row so nothing else on the product column is affected. */
/* 2-col grid matching the Size/Material row + card: quantity in the 240px column,
   the "how much" link in the 1fr column so it lines up with the bullets (x=264). */
.qty-howmuch-row{
    display:grid; grid-template-columns:240px 1fr; gap:24px; align-items:center;
    margin:20px 0;
}
.qty-howmuch-row .productView-moreItem{ margin:0 !important; padding:0 !important; flex:0 0 auto; }
.qty-howmuch-row .quantity_selector{ margin:0 !important; }
/* label inline with the stepper */
.qty-howmuch-row .productView-quantity{ display:flex !important; align-items:center; gap:12px; margin:0 !important; }
/* theme forces the label to width:220px; auto so it sizes to its text and the
   stepper doesn't overflow (that overflow was making the link overlap the box). */
.qty-howmuch-row .productView-quantity .quantity__label{ margin:0 !important; white-space:nowrap; flex:0 0 auto; width:auto !important; }
/* roomy box so − [number] + breathe and the number is clearly centred. */
.qty-howmuch-row .productView-quantity .quantity__container{ width:100px !important; margin:0 !important; flex:0 0 100px; }
/* number dead-centre in the box (buttons are absolute, so no padding needed) */
.qty-howmuch-row .productView-quantity .quantity__input{ padding:0 !important; text-align:center !important; }
/* "WALLPAPER CALCULATOR" button: crisp inline calculator icon + uppercase 2-line label. */
.qty-howmuch-row .product-wrapper-heading{ margin:0 !important; flex:0 0 auto; }
.qty-howmuch-row .product-wrapper-heading .heading-only{ margin-bottom:0 !important; }
.qty-howmuch-row .product-wrapper-heading a{
    display:inline-block; text-decoration:none !important; cursor:pointer;
    transition:transform .22s cubic-bezier(.16,1,.3,1);
}
.qty-howmuch-row .product-wrapper-heading h4{
    display:inline-flex; align-items:center; gap:14px;
    margin:0; padding:0 !important;
    font-size:13px; font-weight:400; line-height:1.4; color:#3B3B3C;
    text-transform:uppercase; letter-spacing:.14em; text-decoration:none;
    white-space:normal; max-width:175px;
}
/* calculator with +  -  x  = keys, terracotta equals */
.qty-howmuch-row .product-wrapper-heading h4:before{
    content:''; position:static !important; flex:none; margin:0;
    width:34px; height:34px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B3B3C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2.5' width='16' height='19' rx='2.6'/%3E%3Crect x='7' y='5.5' width='10' height='3.6' rx='1'/%3E%3Cpath d='M8.7 11.5v2.3M7.55 12.65h2.3'/%3E%3Cpath d='M14.1 12.65h2.3'/%3E%3Cpath d='M7.9 15.75l1.6 1.6M9.5 15.75l-1.6 1.6'/%3E%3Cpath d='M14.1 16h2.3M14.1 17.1h2.3' stroke='%23E95144'/%3E%3C/svg%3E") center / contain no-repeat !important;
    transition:transform .28s cubic-bezier(.16,1,.3,1); transform-origin:center;
}
/* hover: lift the whole button, pop + tilt the calculator icon */
.qty-howmuch-row .product-wrapper-heading a:hover{ transform:translateY(-2px); }
.qty-howmuch-row .product-wrapper-heading a:hover h4:before{ transform:scale(1.13) rotate(-6deg); }
@media (prefers-reduced-motion:reduce){
    .qty-howmuch-row .product-wrapper-heading a,
    .qty-howmuch-row .product-wrapper-heading h4:before{ transition:none !important; }
    .qty-howmuch-row .product-wrapper-heading a:hover{ transform:none; }
    .qty-howmuch-row .product-wrapper-heading a:hover h4:before{ transform:none; }
}

@media (max-width:600px){
    /* 1fr/1fr grid (same as the material card) so the calc lines up with the bullets column */
    .qty-howmuch-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:center; margin:16px 0; }
    .qty-howmuch-row .productView-quantity{ gap:8px; }
    .qty-howmuch-row .productView-quantity .quantity__label{ letter-spacing:.05em !important; }
    .qty-howmuch-row .productView-quantity .quantity__container{ width:72px !important; flex:0 0 72px; }
    .qty-howmuch-row .product-wrapper-heading h4{ font-size:10px !important; gap:10px; letter-spacing:.1em; max-width:135px; }
    .qty-howmuch-row .product-wrapper-heading h4:before{ width:28px; height:28px; }
}

/* ── Wallpaper calculator popup: notes, In/cm pill, dimension labels ───────── */
.calculatorForm .calc-notes__lead{ font-weight:600; color:#3B3B3C; margin:0 0 8px; font-size:14px; }
.calculatorForm .calc-notes ul{ margin:0 0 22px; padding-left:18px; list-style:disc; }
.calculatorForm .calc-notes li{ color:#5c574e; font-size:13.5px; line-height:1.5; margin-bottom:5px; }
/* In / cm pill toggle (replaces the old text switcher) */
.calculatorForm .calc-unit-toggle{ display:inline-flex; align-items:center; gap:2px; padding:3px; margin:0 0 16px; background:#EFEEE9; border-radius:999px; }
.calculatorForm .calc-unit-toggle .unit-opt{ border:0; background:transparent; cursor:pointer; padding:6px 18px; border-radius:999px; font-size:14px; font-weight:600; color:#7a746a; transition:background .2s ease,color .2s ease; }
.calculatorForm .calc-unit-toggle .unit-opt.active{ background:#41633f; color:#fff; }
.calculatorForm button.switcher{ display:none !important; }
/* dimension label = icon + UPPERCASE + (of tallest wall) */
.calculatorForm h5.calc-dim{ display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.05em; font-weight:600; color:#3B3B3C; }
.calculatorForm h5.calc-dim .dim-note{ text-transform:none; letter-spacing:0; font-weight:400; color:#6f695d; }
.calculatorForm h5.calc-dim .calc-dim-ico{ width:22px; height:22px; flex:none; color:#3B3B3C; }
.calculatorForm .wall-num{ font-weight:600; color:#6f695d; margin:2px 0 8px; font-size:14px; }
/* calc icons: theme fills svg dark; force outline only */
.calculatorForm h5.calc-dim .calc-dim-ico,
.calculatorForm h5.calc-dim .calc-dim-ico *{ fill:none !important; stroke:currentColor !important; }
.calculatorForm .calc-notes{ text-align:left; max-width:440px; margin-left:auto; margin-right:auto; }

/* ── calc popup refinements ────────────────────────────────────────────────── */
/* In/cm pill: right-aligned, terracotta active */
.calculatorForm .calc-unit-toggle{ display:flex; width:max-content; margin:0 0 14px auto; }
.calculatorForm .calc-unit-toggle .unit-opt.active{ background:#E95144 !important; color:#fff !important; }
/* notes: body font + hairline rule under each bullet (like the spec list) */
.calculatorForm .calc-notes ul{ list-style:none; padding-left:0; }
.calculatorForm .calc-notes li{
  font-family:var(--font-body-family,'Lato',system-ui,sans-serif);
  border-bottom:1px solid #E7E0D4; padding:9px 0; margin:0;
  font-size:13.5px; color:#3B3B3C;
}
.calculatorForm .calc-notes li:last-child{ border-bottom:0; }
/* WIDTH boxes: Wall 1 label takes its own row so ft|in pair side-by-side like HEIGHT */
.calculatorForm .wall-num{ flex:0 0 100%; width:100%; }

/* ── calc popup: pill moved into box top-right, ~2× smaller, one-press toggle ── */
.calculatorForm .top_section .row{ position:relative; }
.calculatorForm .calc-unit-toggle{
  position:absolute; top:2px; right:2px; z-index:3;
  margin:0; padding:2px; gap:1px; cursor:pointer;
}
.calculatorForm .calc-unit-toggle .unit-opt{
  padding:3px 10px; font-size:11px; pointer-events:none;
}
/* pull content up (kill top gap), tighten title→bullets, terracotta Remove btn */
.modal-calculator-form{ padding-top:24px; }
.modal-calculator-form h4{ margin-bottom:16px; }
button#removeRow{ background:#E95144; border-color:#E95144; }
button#removeRow:hover{ background:transparent; color:#E95144; border-color:#E95144; }
/* calc box a touch smaller + buttons follow content (no bottom void) */
.modal-calculator-form .productDrawerForm #inputFormRow{ padding:16px 28px; }
.productDrawerForm #inputFormRow .input-group{ padding-bottom:18px; }
.productDrawerForm #inputFormRow .input-group:last-child{ padding-top:18px; }
.modal-calculator-form .productDrawerForm form{ justify-content:flex-start; }
.modal-calculator-form .bottom_section{ margin-top:24px; }
.modal-calculator-form{ padding-bottom:40px; position:relative; }
/* corner X to close the calc window */
.calc-corner-close{
  position:absolute; top:14px; right:14px; z-index:5;
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; color:#3B3B3C; font-size:30px; line-height:1;
  cursor:pointer; border-radius:50%; transition:background .2s ease,color .2s ease;
}
.calc-corner-close:hover{ background:#F2EFE9; color:#E95144; }
/* desktop: keep the one-line title clear of the corner X (mobile title wraps, already clear) */
@media screen and (min-width:769px){
  .modal-calculator-form h4{ padding-left:48px; padding-right:48px; }
}

/* mobile: pull the opened measure panel up closer to the calculator (~half the gap) */
@media screen and (max-width:768px){
  .productDrawerContent.measure-open .modal-details{ padding-top:20px; }
}

/* mobile: 16px inputs stop iOS Safari from auto-zooming ("close up") on focus */
@media screen and (max-width:768px){
  .productDrawerForm #inputFormRow .input-group input,
  #newRowIN .input-group input, #newRowCM .input-group input{ font-size:16px; }
}

/* ── "How to measure your wall?" diagrams ─────────────────────────────────────
   Inline SVG replacements for the five animated GIFs. The wall draws itself,
   then the dimension lines extend and their arrowheads land, so the motion
   *is* the instruction rather than decoration. One 7s cycle, looped, because
   only one diagram is on screen at a time inside the carousel.              */
.calc-diagram{
  display:block;
  width:100%;
  max-width:560px;
  height:auto;
  margin:0 auto;
  overflow:visible;
}
.calc-diagram path,
.calc-diagram circle{ fill:none; stroke-linecap:round; stroke-linejoin:round; }

/* keep the diagram close to the copy it illustrates and to the slider controls */
.modal-details .calculatorSlider .model-detail{ margin-bottom:0; }
.modal-details .calculatorSlider .model-detail p:last-child{ margin-bottom:10px; }
.modal-details .owl-nav{ margin-top:6px !important; }
.modal-details .slider-counter{ margin-top:10px; }

.calc-diagram .cd-face{ fill:#F4F1EA; stroke:none; }
.calc-diagram .cd-wall{ stroke:#3B3B3C; stroke-width:2.6; }
.calc-diagram .cd-edge{ stroke:#3B3B3C; stroke-width:2; }
.calc-diagram .cd-floor{ stroke:#3B3B3C; stroke-width:3.4; }
.calc-diagram .cd-detail path,
.calc-diagram .cd-detail circle{ stroke:#3B3B3C; stroke-width:2; }
.calc-diagram .cd-ext{ stroke:#3B3B3C; stroke-width:1; opacity:.28; }
.calc-diagram .cd-measure{ stroke:#E95144; stroke-width:1.9; }
.calc-diagram .cd-total{ stroke:#E95144; stroke-width:2.6; }
.calc-diagram .cd-head{ stroke:#E95144; stroke-width:1.9; }
/* where the two wall widths join on the combined measurement */
.calc-diagram .cd-tick{ stroke:#E95144; stroke-width:1.6; opacity:.55; }

/* draw-on paths use pathLength="1", so one dash value fits every path length */
.calc-diagram .cd-wall,
.calc-diagram .cd-edge,
.calc-diagram .cd-floor,
.calc-diagram .cd-measure,
.calc-diagram .cd-total{ stroke-dasharray:1; }

/* Animations only run while the panel is open, so they always begin at frame 0
   when the reader opens it — previously they looped from page load and the panel
   could open mid-cycle, showing a half-drawn or empty diagram. With no animation
   applied the markup's own resting state is the finished drawing, so the static
   case is always complete. */
.measure-open .calc-diagram .cd-wall,
.measure-open .calc-diagram .cd-edge{ animation:cdStructure 7s cubic-bezier(.22,1,.36,1) infinite; }
.measure-open .calc-diagram .cd-floor{ animation:cdFloor 7s cubic-bezier(.22,1,.36,1) infinite; }
.measure-open .calc-diagram .cd-face{ animation:cdFace 7s ease-out infinite; }
.measure-open .calc-diagram .cd-detail{ animation:cdDetail 7s ease-out infinite; }
.measure-open .calc-diagram .cd-ext{ animation:cdExt 7s ease-out infinite; }
.measure-open .calc-diagram .cd-measure,
.measure-open .calc-diagram .cd-total{ animation:cdMeasure 7s cubic-bezier(.22,1,.36,1) infinite; }
.measure-open .calc-diagram .cd-head{ animation:cdHead 7s cubic-bezier(.22,1,.36,1) infinite; }
.measure-open .calc-diagram .cd-tick{ animation:cdTick 7s ease-out infinite; }

@keyframes cdFloor{
  0%       { stroke-dashoffset:1; opacity:1; }
  10%      { stroke-dashoffset:0; }
  92%      { stroke-dashoffset:0; opacity:1; }
  99%,100% { stroke-dashoffset:0; opacity:0; }
}
@keyframes cdStructure{
  0%,4%    { stroke-dashoffset:1; opacity:1; }
  20%      { stroke-dashoffset:0; }
  92%      { stroke-dashoffset:0; opacity:1; }
  99%,100% { stroke-dashoffset:0; opacity:0; }
}
@keyframes cdFace{
  0%,12%   { opacity:0; }
  26%,92%  { opacity:1; }
  99%,100% { opacity:0; }
}
@keyframes cdDetail{
  0%,22%   { opacity:0; }
  34%      { opacity:1; }
  92%      { opacity:1; }
  99%,100% { opacity:0; }
}
@keyframes cdMeasure{
  0%,32%   { stroke-dashoffset:1; opacity:1; }
  52%      { stroke-dashoffset:0; }
  92%      { stroke-dashoffset:0; opacity:1; }
  99%,100% { stroke-dashoffset:0; opacity:0; }
}
@keyframes cdHead{
  0%,50%   { opacity:0; }
  60%,92%  { opacity:1; }
  99%,100% { opacity:0; }
}
@keyframes cdTick{
  0%,56%   { opacity:0; }
  66%,92%  { opacity:.55; }
  99%,100% { opacity:0; }
}
/* extension lines stay faint — they guide the eye, they don't compete with it */
@keyframes cdExt{
  0%,22%   { opacity:0; }
  34%,92%  { opacity:.28; }
  99%,100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce){
  .calc-diagram .cd-face,
  .calc-diagram .cd-wall,
  .calc-diagram .cd-edge,
  .calc-diagram .cd-floor,
  .calc-diagram .cd-ext,
  .calc-diagram .cd-detail,
  .calc-diagram .cd-measure,
  .calc-diagram .cd-total,
  .calc-diagram .cd-tick,
  .calc-diagram .cd-head{ animation:none; stroke-dashoffset:0; opacity:1; }
  .calc-diagram .cd-ext{ opacity:.28; }
  .calc-diagram .cd-tick{ opacity:.55; }
}

/* ── Focus the wall type you're reading ───────────────────────────────────────
   The carousel shows neighbouring slides at the edges. They now recede — dimmed
   and slightly back — so attention lands on the centred one. The off-centre
   diagrams also stop animating and rest at their finished state, so the only
   thing drawing itself is the wall being explained (and idle slides cost
   nothing). Arriving on a slide therefore restarts its draw from the top. */
.modal-details .owl-item .calculatorSlider{
  opacity:.26;
  transition:opacity .22s cubic-bezier(.23,1,.32,1);
}
.modal-details .owl-item.center .calculatorSlider{ opacity:1 !important; }
.modal-details .owl-item .calc-diagram{
  transform:scale(.94);
  transform-origin:50% 58%;
  transition:transform .22s cubic-bezier(.23,1,.32,1);
}
.modal-details .owl-item.center .calc-diagram{ transform:none !important; }
.measure-open .owl-item:not(.center) .calc-diagram *{ animation:none !important; }

/* Each slide's copy runs a different number of lines, so the diagrams used to
   sit at different heights and the row looked ragged. Stretch the slides to a
   common height and pin the diagram to the bottom of each, so every wall rests
   on the same baseline no matter how long its paragraph is. */
.modal-details .owl-stage{ display:flex; align-items:stretch; }
.modal-details .owl-item{ float:none; flex:0 0 auto; }
.modal-details .owl-item > .item,
.modal-details .owl-item .calculatorSlider{ height:100%; }
.modal-details .owl-item .calculatorSlider{ display:flex; flex-direction:column; }
.modal-details .owl-item .calc-diagram{ margin-top:auto; }

@media (prefers-reduced-motion:reduce){
  .modal-details .owl-item .calculatorSlider,
  .modal-details .owl-item .calc-diagram{ transition:none; }
}

/* small per-unit price on its own line under the total price */
/* unit price flows directly under the price row (no negative margin — that made it
   jump when the theme re-rendered the row on variant change). Kill the row's built-in
   trailing gap at its source so a tiny positive margin sits it close and stable. */
.productView-price .price dd.price__last{ min-height:0 !important; }
.productView-price .price .price__sale,
.productView-price .price .price__regular{ margin-bottom:0 !important; }
.productView-price .price .qty-unit-price{ display:block; width:100%; margin-top:-6px; font-size:13px; font-weight:400; color:#8A8272; }
.productView-price .price .qty-unit-price:empty{ display:none; }

/* calc result: material name bold, "inches" regular */
.calculatorForm .total_price .material_name{ font-weight:700; }
.calculatorForm .variant_qty .unit-word{ font-weight:400; }

/* product page: drop the "Home / Product" breadcrumb, keep a little breathing room */
.template-product .moreItem-breadcrumb{ display:none !important; }
.template-product .productView-container{ margin-top:34px; }
@media screen and (max-width:768px){ .template-product .productView-container{ margin-top:18px; } }

/* lock background page scroll while the calc drawer is open (drawer scrolls internally) */
html:has(.productDrawer.productDrawerOpen),
body:has(.productDrawer.productDrawerOpen){ overflow:hidden; }

/* ── Cart drawer line items ───────────────────────────────────────────────────
   Size and material used to run together as one wrapping sentence. They're now
   separate lines, the quantity sits under the price, and remove is a trash can
   whose lid tips off on hover/focus.                                          */
.previewCartItem-options{ display:block; }
.previewCartItem .previewCartItem-variant,
.previewCartItem .previewCartItem-material{ display:block; width:100%; }
/* The theme only styles `span.previewCartItem-variant`; any other child of the
   options block inherits font-size:0 / line-height:0 / visibility:hidden, which
   is why the material line rendered but was invisible. Restore it explicitly to
   the same type as the size line. */
.halo-cart-sidebar span.previewCartItem-material,
.previewCartItem .previewCartItem-material{
  visibility:visible !important;
  font-size:15px !important;
  line-height:20px !important;
  font-weight:300;
  font-family:'Lato', sans-serif;
  color:#3B3B3C !important;
  text-transform:capitalize;
  margin-top:2px;
}

/* price and the stepper share one row: price left, quantity right.
   The content column keeps 20px of right padding for the trash's old slot;
   the row needs it back, or price (153px) + stepper (76px) wraps. */
.halo-cart-sidebar .previewCartItem .previewCartItem-content{ padding-right:0 !important; }
.previewCartItem .previewCartItem-change{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
/* the theme gives the price full width, which pushes the stepper onto a second
   line; let it size to its own text and push the controls to the right instead */
.previewCartItem .previewCartItem-price{
  margin-bottom:0; width:auto !important; flex:1 1 auto; min-width:0;
}
/* The stepper is rebuilt as a flex row. The theme lays it out as a 94x45 box with
   both buttons absolutely positioned and their -/+ glyphs pinned at left:10px /
   top:22px, so shrinking the box alone left the glyphs low and hanging off the
   right edge. Making the buttons real flex items and centring the glyphs on them
   keeps the control correct at any size. */
.previewCartItem .previewCartItem-qty{
  display:inline-flex; align-items:center;
  width:64px !important; height:28px !important;
  margin:0 !important; flex:0 0 auto;
  /* the theme draws the box on the input, which used to span the full width with
     the buttons overlaid; now that the input is just the number, the outline has
     to move up to the wrapper or it frames the digits only */
  border:1px solid #ddd; border-radius:4px; background:#fff;
}
.previewCartItem .previewCartItem-qty .btn-quantity{
  position:relative !important;
  left:auto !important; right:auto !important; top:auto !important;
  flex:0 0 20px; width:20px !important; height:28px !important;
}
.previewCartItem .previewCartItem-qty .btn-quantity:before,
.previewCartItem .previewCartItem-qty .btn-quantity.plus:after{
  width:9px !important; left:50% !important; top:50% !important;
  transform:translate(-50%,-50%);
}
.previewCartItem .previewCartItem-qty .btn-quantity.plus:after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.previewCartItem .previewCartItem-qty .quantity{
  flex:1 1 auto; width:auto !important; min-width:0;
  height:28px !important; padding:0 !important; text-align:center;
  font-size:13px !important; line-height:28px !important;
  border:0 !important; border-radius:0 !important; background:transparent !important;
}

/* The footer buttons are laid out as a 48%/48% pair. With "View cart" gone,
   whatever is left is the only button, so it takes the full width. */
.previewCartGroup .button:only-child{ width:100%; }

/* remove control: trash can, now a flex item sitting in the row beside the
   stepper (the theme ships it absolutely positioned at right:0/bottom:36px) */
.halo-cart-sidebar .previewCartItem .previewCartItem-remove.cart-trash{
  position:static !important; flex:0 0 auto;
}
.previewCartItem .previewCartItem-remove.cart-trash{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:9px;
  color:#3B3B3C; background:transparent;
  transition:background .18s ease, color .18s ease, transform .12s ease;
}
.previewCartItem .cart-trash__icon{ width:19px; height:19px; overflow:visible; }
.previewCartItem .cart-trash__lid{
  transform-origin:5px 6.5px;
  transition:transform .26s cubic-bezier(.23,1,.32,1);
}
.previewCartItem .cart-trash__lines{ opacity:.75; transition:opacity .18s ease; }
/* no background wash on hover — the lid tilt, the colour shift and the brighter
   lines carry the state on their own */
.previewCartItem .cart-trash:hover,
.previewCartItem .cart-trash:focus-visible{ background:transparent; color:#E95144; }
.previewCartItem .cart-trash:hover .cart-trash__lid,
.previewCartItem .cart-trash:focus-visible .cart-trash__lid{ transform:translateY(-1.5px) rotate(-18deg); }
.previewCartItem .cart-trash:hover .cart-trash__lines,
.previewCartItem .cart-trash:focus-visible .cart-trash__lines{ opacity:1; }
.previewCartItem .cart-trash:active{ transform:scale(.94); }

/* Subtotal, matching the product page: total + struck compare + "% off" pill.
   The theme sets `.previewCartTotals .previewCartTotals-value{display:inline-block}`
   and `.halo-cart-sidebar .previewCartTotals-value span{font-size:21px!important}`,
   which collapsed the gap and blew the pill up, so these override at the same
   specificity (and match the theme's use of !important where it forces sizes). */
.halo-cart-sidebar .previewCartTotals .previewCartTotals-value.has-compare{
  display:flex !important;
  align-items:center; justify-content:flex-end; flex-wrap:wrap;
  gap:10px;
  line-height:1.2 !important;
}
/* Each amount is a `.money` span nested inside, and the theme's
   `.previewCartTotals-value span{color:red!important;font-size:21px!important}`
   paints those children directly, so the colour and size have to be set on the
   inner span too, not only on the wrapper. */
.halo-cart-sidebar .previewCartTotals-value .cart-total__now,
.halo-cart-sidebar .previewCartTotals-value .cart-total__now span{
  color:#E95144 !important; font-weight:700; line-height:1.2 !important;
}
.halo-cart-sidebar .previewCartTotals-value .cart-total__was,
.halo-cart-sidebar .previewCartTotals-value .cart-total__was span{
  color:#3B3B3C !important; font-weight:600;
  font-size:15px !important; line-height:1.2 !important;
  text-decoration:line-through;
}
.halo-cart-sidebar .previewCartTotals-value .cart-total__badge{
  background:#E95144; color:#fff !important;
  font-size:11px !important; line-height:1.1 !important; font-weight:700;
  padding:5px 10px; border-radius:8px; white-space:nowrap;
}

/* Mobile: the drawer leaves the item row only ~195px, but price + stepper +
   trash want 233px, so the trash wrapped onto its own line. Reclaim width from
   the thumbnail and the content indent, then trim the controls so all three fit
   on one line. The subtotal gets the same treatment: its label was a fixed
   120px, which squeezed the value into 155px and pushed the "% off" pill down. */
@media (max-width:767px){
  /* the drawer's own 20px side padding is the cheapest width to reclaim —
     it widens every row, including the subtotal */
  .halo-cart-sidebar .previewCart{ padding-left:10px; padding-right:10px; }

  .halo-cart-sidebar .previewCartItem-image,
  .halo-cart-sidebar .previewCartItem-image img{ width:64px; }
  /* the theme fixes the thumbnail's height, so narrowing it squashes the image */
  .halo-cart-sidebar .previewCartItem-image img{ height:auto; }
  .halo-cart-sidebar .previewCartItem .previewCartItem-content{ padding-left:8px !important; }

  .previewCartItem .previewCartItem-change{ gap:6px; }
  /* The amount is a nested span, and an existing rule targets it at
     `.halo-sidebar.halo-cart-sidebar .previewCartItem-price .price-item.price-item--regular span`,
     so the override has to match that specificity to land. Its 10px left margin
     is the gap between the two prices — worth 4px of the row. */
  .previewCartItem .previewCartItem-price .price-item--regular{ font-size:13px !important; }
  .halo-sidebar.halo-cart-sidebar .previewCartItem-price .price-item.price-item--regular span{
    font-size:13px !important; margin-left:6px !important;
  }

  .previewCartItem .previewCartItem-qty{ width:54px !important; }
  .previewCartItem .previewCartItem-qty .btn-quantity{
    flex:0 0 17px; width:17px !important;
  }

  .previewCartItem .previewCartItem-remove.cart-trash{ width:26px; height:26px; }
  .previewCartItem .cart-trash__icon{ width:17px; height:17px; }

  /* let the label size to its text so the amounts get the rest of the row */
  .halo-cart-sidebar .previewCartTotals .previewCartTotals-label{
    width:auto !important; flex:0 0 auto; white-space:nowrap;
  }
  .halo-cart-sidebar .previewCartTotals .previewCartTotals-value.has-compare{
    flex:1 1 auto; gap:6px;
  }
  .halo-cart-sidebar .previewCartTotals-value .cart-total__was,
  .halo-cart-sidebar .previewCartTotals-value .cart-total__was span{
    font-size:14px !important;
  }
  .halo-cart-sidebar .previewCartTotals-value .cart-total__badge{
    font-size:10px !important; padding:4px 8px;
  }
}

/* Very narrow phones (iPhone SE 1st gen and similar) leave the item row only
   ~165px, which the 767px tier can't absorb, so trim harder here. The trash
   keeps its 26px box — width comes out of type and the thumbnail instead of the
   tap target. */
@media (max-width:359px){
  .halo-cart-sidebar .previewCart{ padding-left:6px; padding-right:6px; }

  .halo-cart-sidebar .previewCartItem-image,
  .halo-cart-sidebar .previewCartItem-image img{ width:52px; }
  .halo-cart-sidebar .previewCartItem .previewCartItem-content{ padding-left:4px !important; }

  .previewCartItem .previewCartItem-change{ gap:4px; }
  .previewCartItem .previewCartItem-price .price{ font-size:17px !important; }
  .halo-sidebar.halo-cart-sidebar .previewCartItem-price .price-item.price-item--regular span{
    font-size:11px !important; margin-left:4px !important;
  }

  .previewCartItem .previewCartItem-qty{ width:46px !important; }
  .previewCartItem .previewCartItem-qty .btn-quantity{ flex:0 0 15px; width:15px !important; }

  .halo-cart-sidebar .previewCartTotals .previewCartTotals-value.has-compare{ gap:4px; }
  .halo-cart-sidebar .previewCartTotals-value .cart-total__now,
  .halo-cart-sidebar .previewCartTotals-value .cart-total__now span{ font-size:18px !important; }
  .halo-cart-sidebar .previewCartTotals-value .cart-total__was,
  .halo-cart-sidebar .previewCartTotals-value .cart-total__was span{ font-size:11px !important; }
  .halo-cart-sidebar .previewCartTotals-value .cart-total__badge{
    font-size:9px !important; padding:3px 6px;
  }
}

@media (prefers-reduced-motion:reduce){
  .previewCartItem .cart-trash,
  .previewCartItem .cart-trash__lid,
  .previewCartItem .cart-trash__lines{ transition:none; }
  .previewCartItem .cart-trash:hover .cart-trash__lid{ transform:none; }
}

/* ── Calculator drawer + measure panel motion ─────────────────────────────────
   The drawer used a bare `transition:.5s` — i.e. `all`, on the default `ease`
   curve, which ramps in slowly and is the drag felt when it opens. It now uses
   a strong ease-out (an iOS-style curve for the slide) and transitions only the
   properties that actually move. The open/close mechanism itself is untouched,
   so nothing about *when* the drawer appears changes.                        */
.productDrawer{
  transition: opacity .3s cubic-bezier(.23,1,.32,1), visibility .3s linear;
}
.productDrawerContent{
  transition: margin-right .44s cubic-bezier(.32,.72,0,1),
              width .38s cubic-bezier(.23,1,.32,1);
}

/* The measure panel used to pop in on a bare display:none → block flip. It now
   fades and slides in the same direction the drawer opens from, and gets a
   real (shorter) exit instead of vanishing. */
.productDrawerContent.measure-open .modal-details{
  animation: measurePanelIn .40s cubic-bezier(.23,1,.32,1) both;
}
.productDrawerContent.measure-closing .modal-details{
  display:block;
  animation: measurePanelOut .20s cubic-bezier(.23,1,.32,1) both;
}
@keyframes measurePanelIn{
  from{ opacity:0; transform:translateY(10px); }
  to  { opacity:1; transform:none; }
}
@keyframes measurePanelOut{
  from{ opacity:1; transform:none; }
  to  { opacity:0; transform:translateY(6px); }
}
@media screen and (min-width:769px){
  /* desktop reveals the panel to the left as the drawer widens — match that axis */
  @keyframes measurePanelIn{
    from{ opacity:0; transform:translateX(-14px); }
    to  { opacity:1; transform:none; }
  }
  @keyframes measurePanelOut{
    from{ opacity:1; transform:none; }
    to  { opacity:0; transform:translateX(-10px); }
  }
}
@media (prefers-reduced-motion:reduce){
  .productDrawer,
  .productDrawerContent{ transition-duration:.01ms !important; }
  .productDrawerContent.measure-open .modal-details,
  .productDrawerContent.measure-closing .modal-details{ animation:none !important; }
}

/* ── "How to measure your wall?" is optional: hidden until the toggle opens it ── */
.productDrawerContent .modal-details{ display:none; }
.productDrawerContent .modal-calculator-form{ width:100%; border-left:0; }
.productDrawerContent.measure-open .modal-details{ display:block; }
/* desktop only: compact drawer that hugs the calc when the panel is hidden,
   widens back to the full two-column drawer when the measure panel opens. */
@media screen and (min-width:769px){
  .productDrawerContent:not(.measure-open){ width:560px; }
  .productDrawerContent.measure-open{ width:70%; }
  .productDrawerContent.measure-open .modal-calculator-form{ width:45%; border-left:2px solid #ddd; }
}
/* toggle: plain text link (no box), underline on hover; terracotta when open */
.row.rowButtons .input-group button.measure-toggle{
  border:0; background:transparent; padding:10px 4px; color:#3b3b3c;
  text-decoration:none; text-underline-offset:3px;
}
.row.rowButtons .input-group button.measure-toggle:before{ display:none; }
.row.rowButtons .input-group button.measure-toggle:hover{
  background:transparent; border:0; color:#3b3b3c; text-decoration:underline;
}
.row.rowButtons .input-group button.measure-toggle[aria-expanded="true"]{
  background:transparent; border:0; color:#E95144; text-decoration:underline;
}