/* Native Solace mobile header and navigation. */
@media(max-width:959px){
html body#solace_body .header-main[data-show-on="mobile"] .container{padding-left:16px!important;padding-right:16px!important}
html body#solace_body .header-main[data-show-on="mobile"] .row--wrapper{flex-wrap:nowrap!important;min-height:76px;gap:8px;margin:0!important;width:100%!important}
html body#solace_body .header-main[data-show-on="mobile"] .header-main-inner{padding:0!important}
html body#solace_body .header-main[data-show-on="mobile"] .hfg-slot,html body#solace_body .header-main[data-show-on="mobile"] .builder-item{padding:0!important;margin:0!important}
html body#solace_body .header-main[data-show-on="mobile"] .hfg-is-group{display:flex!important;gap:5px!important;align-items:center}
html body#solace_body .header-main[data-show-on="mobile"] .builder-item--nav-icon{order:3}
html body#solace_body .header-main[data-show-on="mobile"] .hfg-slot.left{min-width:0;flex:1}
html body#solace_body .header-main[data-show-on="mobile"] .site-logo img{width:140px!important;max-width:100%!important;height:auto!important}
html body#solace_body .header-main[data-show-on="mobile"] .hfg-slot.right{gap:5px!important;flex-shrink:0;align-items:center}
html body#solace_body .header-main[data-show-on="mobile"] .hfg-slot.right .builder-item{margin:0!important;padding:0!important}
html body#solace_body .header-main[data-show-on="mobile"] .builder-item:has(.builder-item--nav-icon){order:3}
html body#solace_body .header-main[data-show-on="mobile"] .item--inner{margin:0!important;padding:0!important}
html body#solace_body .header-main[data-show-on="mobile"] .navbar-toggle,html body#solace_body #header-menu-sidebar .navbar-toggle{width:42px!important;height:42px!important;min-height:42px!important;padding:10px!important;border:1px solid #e4dbd2!important;border-radius:50%!important;background:#faf7f2!important;color:#4b3023!important;box-shadow:none!important}
html body#solace_body .header-main[data-show-on="mobile"] .navbar-toggle .icon-bar,html body#solace_body #header-menu-sidebar .navbar-toggle .icon-bar{background:#4b3023!important;height:1.5px!important;width:20px!important}
html body#solace_body .header-main[data-show-on="mobile"] :is(.responsive-nav-cart,.menu-mobile-toggle){margin:0!important}
html body#solace_body #header-menu-sidebar{width:min(350px,88vw)!important;max-width:88vw!important}
html body#solace_body #header-menu-sidebar-bg{background:#faf7f2!important;color:#4b3023!important;box-shadow:8px 0 32px #241b1626}
html body#solace_body #header-menu-sidebar-inner{padding:78px 24px 32px!important}
html body#solace_body #header-menu-sidebar .close-sidebar-panel{padding:16px!important}
html body#solace_body #header-menu-sidebar :is(.builder-item,.item--inner,.nv-nav-wrap){padding:0!important;margin:0!important;width:100%!important}
html body#solace_body #nv-primary-navigation-sidebar{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;gap:0!important}
html body#solace_body #nv-primary-navigation-sidebar>li{width:100%!important;margin:0!important;padding:0!important;border-bottom:1px solid #e4dbd2!important}
html body#solace_body #nv-primary-navigation-sidebar>li>a{display:block!important;padding:16px 12px!important;margin:0!important;font:400 23px/1.3 Georgia,serif!important;color:#4b3023!important;text-transform:none!important;letter-spacing:0!important;border-radius:4px;text-decoration:none!important}
html body#solace_body #nv-primary-navigation-sidebar>li.current-menu-item>a,html body#solace_body #nv-primary-navigation-sidebar>li>a:hover{background:#eee5da!important;color:#4b3023!important}
html body#solace_body #header-menu-sidebar-overlay,html body#solace_body .header-menu-sidebar-overlay{background:rgba(30,23,18,.45)!important}
html body#solace_body header :is(button,a):focus-visible{outline:2px solid #765640!important;outline-offset:3px}
}
/* Two products per row on phones, including home and related products. */
@media(max-width:767px){
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important;width:100%!important;margin:0!important;padding:0!important}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) ul.products:before,html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) ul.products:after{display:none!important}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) ul.products li.product{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;float:none!important}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .nv-card-content-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr auto!important;height:100%!important;gap:6px!important;padding:8px!important;min-width:0!important}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .woocommerce-loop-product__link{grid-column:1/-1!important;min-width:0}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .woocommerce-loop-product__title{font:400 14px/1.45 Arial,sans-serif!important;min-height:0!important;margin:12px 0 8px!important;overflow-wrap:anywhere}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .price{font-size:14px!important;line-height:1.5!important;display:flex;flex-wrap:wrap;gap:2px 5px}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products :is(.button,.wsb-button){font:500 10px/1.25 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:normal!important;padding:8px 3px!important;width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;align-self:end!important}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .img-wrap img{width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain}
html body#solace_body :is(.elementor-66,.shop-container,.related,.up-sells) .products .onsale{font-size:9px!important;padding:4px 6px!important;min-height:0!important;line-height:1.4!important}
}