.showroom-inline-title{display:flex;align-items:center;justify-content:center;gap:16px;font-family:Georgia,serif;font-size:20px;font-weight:700;color:#3e3e3e;text-decoration:none;margin-bottom:1px}.showroom-inline-title:before,.showroom-inline-title:after{content:"";flex:1;max-width:120px;height:2px;background:linear-gradient(to var(--direction),transparent,#B7A896)}.showroom-inline-title:before{--direction: right}.showroom-inline-title:after{--direction: left}.showroom-inline-title:hover{color:#d4c4a8}.filter-bar-enhanced{background:#ede8e1;padding:8px 15px;border-radius:12px;margin-bottom:6px;position:relative;overflow:hidden}.filter-bar-enhanced>*{position:relative;z-index:2}.filter-top-bar{display:flex;gap:16px;align-items:center;margin-bottom:5px;justify-content:center}.filter-categories-wrapper{flex:0 1 auto;position:relative;margin-bottom:0;min-width:0;max-width:100%;overflow:hidden}.action-divider{display:flex;align-items:center;font-size:64px;color:#b7a896;padding:0 12px;flex-shrink:0;line-height:.8;height:100px}.action-buttons{display:flex;gap:16px;flex-shrink:0;align-items:stretch}.action-category-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 3px;background:#fff;border:2px solid #D6C9B5;border-radius:10px;cursor:pointer;transition:all .3s ease;flex-shrink:0;width:120px;min-height:auto;box-shadow:0 2px 6px #8b5c3314;text-decoration:none}.action-category-btn:hover{border-color:#b7a896;box-shadow:0 6px 16px #8b5c3326}.action-btn-total{font-size:11px;font-weight:700;color:#3e3e3e;margin:0;line-height:1.2}.action-category-btn.active .action-btn-total{color:#d4c4a8}.checkout-action .action-btn-total{color:#fff}.cart-badge-action{position:absolute;top:8px;right:8px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:5}.checkout-action{background:linear-gradient(135deg,#d4c4a8,#c4b498)!important;color:#3e3e3e!important;border-color:#d4c4a8!important}.checkout-action:hover{background:linear-gradient(135deg,#c4b498,#b4a488)!important;border-color:#c4b498!important}.checkout-action .category-icon{filter:brightness(0) invert(1)}.checkout-action .category-label{color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.category-btn:focus-visible,.action-category-btn:focus-visible,.dimension-tab:focus-visible,.sub-filter-btn:focus-visible,.filter-pill:focus-visible,.clear-all-filters:focus-visible,.variant-qty-btn:focus-visible,.back-to-top:focus-visible,.carousel-arrow:focus-visible{outline:2px solid #3E3E3E;outline-offset:2px;box-shadow:0 0 0 4px #4a342433}.category-btn:focus,.action-category-btn:focus,.dimension-tab:focus,.sub-filter-btn:focus,.filter-pill:focus,.clear-all-filters:focus,.variant-qty-btn:focus,.back-to-top:focus,.carousel-arrow:focus{outline:none}.filter-categories{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#D6C9B5 transparent;align-items:center;max-width:100%}.filter-categories::-webkit-scrollbar{height:6px}.filter-categories::-webkit-scrollbar-track{background:transparent}.filter-categories::-webkit-scrollbar-thumb{background:#d6c9b5;border-radius:3px}.filter-categories-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#4a3424b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;z-index:10;transition:all .3s ease;opacity:0;pointer-events:none}.filter-categories-wrapper:hover .filter-categories-nav-arrow{opacity:1;pointer-events:all}.filter-categories-nav-arrow:hover{background:rgbargba(62,62,62,.9);transform:translateY(-50%) scale(1.1)}.filter-categories-nav-arrow.prev{left:-10px}.filter-categories-nav-arrow.next{right:-10px}.filter-categories-wrapper.no-scroll .filter-categories-nav-arrow{display:none}.category-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 5px;background:#fff;border:2px solid #D6C9B5;border-radius:10px;cursor:pointer;transition:all .3s ease;flex-shrink:0;width:100px;min-height:90px;box-shadow:0 2px 6px #8b5c3314}.category-btn:hover{border-color:#b7a896;box-shadow:0 6px 16px #8b5c3326}.category-btn.active{background:linear-gradient(135deg,#4a4a4a,#3e3e3e);color:#fff;border-color:#3e3e3e}.category-icon{width:40px;height:40px;object-fit:contain}.category-btn.active .category-icon{filter:brightness(0) invert(1)}.category-label{font-size:11px;font-weight:600;text-align:center;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.category-divider{display:flex;align-items:center;font-size:64px;color:#b7a896;padding:0 4px;flex-shrink:0;line-height:.8;height:100px}.sub-filters-enhanced{display:none;flex-direction:column;gap:8px;padding:12px 10px;background:#ffffff80;border-radius:8px;border:1px solid #D6C9B5;touch-action:pan-y}.sub-filters-enhanced.active{display:flex}.sub-filter-row{display:flex;align-items:center;gap:12px}.sub-filter-label{font-family:Georgia,Crimson Text,serif;font-size:16px;font-weight:600;color:#3e3e3e;white-space:nowrap;flex-shrink:0;min-width:100px}.sub-filter-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;scrollbar-width:thin;scrollbar-color:#D6C9B5 transparent;touch-action:pan-x}.sub-filter-scroll::-webkit-scrollbar{height:4px}.sub-filter-scroll::-webkit-scrollbar-track{background:transparent}.sub-filter-scroll::-webkit-scrollbar-thumb{background:#d6c9b5;border-radius:2px}.sub-filter-btn{padding:10px 18px;background:#fff;border:2px solid #D6C9B5;border-radius:20px;font-size:14px;font-weight:500;color:#3e3e3e;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #8b5c330f}.sub-filter-btn:hover{border-color:#3e3e3e;background:#f5f5f0;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #8b5c3326,0 0 0 3px #4a342414}.sub-filter-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px #8b5c331a}.sub-filter-btn.active{background:linear-gradient(135deg,#4a4a4a,#3e3e3e);color:#fff;border-color:#3e3e3e}.sub-filter-btn--with-subtitle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;min-width:160px;white-space:normal;text-align:center}.sub-filter-btn--with-subtitle .sub-filter-label{font-size:14px;font-weight:600;line-height:1.3}.sub-filter-subtitle{font-size:11px;font-weight:400;color:#6b5c4c;line-height:1.3;margin-top:3px;opacity:.85}.sub-filter-btn:hover .sub-filter-subtitle{opacity:1}.sub-filter-btn.active .sub-filter-label{color:#fff}.sub-filter-btn.active .sub-filter-subtitle{color:#ffffffd9}.filter-note{width:100%;text-align:center;font-size:14px;font-style:italic;color:#6b5c4c;padding:6px 0 0;margin:1px 0 0;border-top:1px dashed rgba(107,92,76,.25)}.sub-filter-btn.active[data-dimension=tea_character],.sub-filter-btn.active[data-dimension=tea_flavor]{color:#fff}.track-group[data-track="2"] .dimension-tab{opacity:1;cursor:pointer;pointer-events:auto}.dimension-tab--question{font-style:italic;quotes:""" """}.dimension-tab--question:before{content:open-quote}.dimension-tab--question:after{content:close-quote}.filter-note--herbal{width:100%;text-align:center;font-size:12px;font-style:italic;color:#6b5c4c;padding:10px 12px 4px;margin-top:8px;border-top:1px dashed rgba(107,92,76,.25);line-height:1.4}.dimension-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:8px;border-bottom:2px solid #D6C9B5;margin-bottom:8px;touch-action:pan-y}[data-parent=loose-leaf-tea] .dimension-tabs{grid-template-columns:repeat(5,1fr)}[data-parent=herbal-wellness-loose-leaf-tea] .dimension-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}[data-parent=herbal-wellness-loose-leaf-tea] .dimension-tab{flex:0 0 auto}.dimension-tab{padding:10px 18px;background:#fff;border:2px solid #D6C9B5;border-radius:20px;font-size:14px;font-weight:600;color:#3e3e3e;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center}.dimension-tab:hover{border-color:#3e3e3e;background:#f5f5f0;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 12px #8b5c331f,0 0 0 3px #4a34240f}.dimension-tab:active{transform:translateY(0) scale(.98)}.dimension-tab.active{background:linear-gradient(135deg,#5a5a5a,#4a4a4a,#3e3e3e);color:#fff;border-color:#3e3e3e;box-shadow:0 4px 12px #3e3e3e4d,0 0 0 2px #3e3e3e1a}.dimension-tab.active:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px #3e3e3e59,0 0 0 3px #3e3e3e26}.dimension-options{display:none;flex-wrap:wrap;gap:8px;padding:4px 0;justify-content:center;touch-action:pan-y}.dimension-options.active{display:flex}.standalone-message{font-size:14px;color:#666;font-style:italic;margin:0;padding:8px 0}.selected-filters{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:2px solid #D6C9B5;margin-top:12px;min-height:0}.selected-filters:empty{display:none}.selected-filters:before{content:"Active Filters:";font-size:13px;font-weight:600;color:#666;margin-right:8px;align-self:center}.selected-filters:empty:before{display:none}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#5a5a5a,#4a4a4a);color:#fff;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #3e3e3e40;transition:all .2s ease}.filter-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e3e3e59}.filter-pill-label{opacity:.7;font-size:11px;text-transform:uppercase}.filter-pill-value{font-weight:600}.filter-pill-remove{background:#ffffff40;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:all .2s ease;padding:0}.filter-pill-remove:hover{background:#fff6;transform:scale(1.1)}.clear-all-filters{padding:6px 14px;background:transparent;border:2px solid #B7A896;color:#666;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.clear-all-filters:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#c0392b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.dimension-tabs--tracks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid #D6C9B5;margin-bottom:12px;justify-content:center}.track-group{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff80;border-radius:8px;border:1px solid rgba(214,201,181,.5)}.track-divider{font-size:32px;color:#b7a896;font-weight:300;padding:0 6px;line-height:1}.track-operator{font-size:18px;font-weight:700;color:#3e3e3e}.track-operator-or{font-size:13px;font-weight:600;color:#999;font-style:italic}.track-group.track-active{background:#3e3e3e1a;border-color:#3e3e3e4d;box-shadow:0 0 0 2px #3e3e3e1a}.track-subtext{width:100%;text-align:center;font-size:12px;font-weight:500;color:#8b7355;font-style:italic;margin-bottom:0;letter-spacing:.3px}.track-group{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff80;border-radius:8px;border:1px solid rgba(214,201,181,.5);flex-wrap:wrap;justify-content:center}.track-group:hover .track-subtext{color:#6b5340}.track-group.track-active .track-subtext{color:#3e3e3e;font-weight:600}.back-to-top{position:fixed;bottom:100px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#5a5a5a,#4a4a4a);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #3e3e3e4d;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:scale(1.1);box-shadow:0 6px 16px #3e3e3e66}.back-to-top:active{transform:scale(.95)}@media (min-width: 769px){.back-to-top{display:none}}@media (max-width: 1400px){.filter-categories{gap:10px}.category-btn,.action-category-btn{min-width:75px;min-height:auto;padding:8px 5px}.category-icon{width:36px;height:36px}.category-label{font-size:11px}}@media (max-width: 1200px){.filter-categories{gap:8px}.category-btn,.action-category-btn{min-width:70px;min-height:auto;padding:8px 5px}.category-icon{width:32px;height:32px}.category-label{font-size:10px}.filter-top-bar{flex-wrap:wrap}.action-buttons{order:-1}.cart-summary-bar{order:3;flex:1 1 100%;margin-left:0;margin-top:10px}}@media (max-width: 768px){.filter-top-bar{flex-direction:column;gap:12px}.filter-categories-wrapper{width:100%}.action-divider{display:none}.action-buttons{width:100%;order:-1;padding-bottom:6px;border-bottom:2px solid #D6C9B5;justify-content:center;gap:6px}.action-category-btn{flex:1;max-width:160px;min-height:auto;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.action-category-btn .category-icon{width:44px;height:44px}.action-category-btn .category-label{font-size:13px;text-align:center}.category-btn{min-width:85px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.category-btn .category-icon{width:36px;height:36px}.category-btn .category-label{font-size:11px;text-align:center}.category-icon{width:32px;height:32px}.category-label{font-size:11px}.sub-filter-row .sub-filter-label{display:none}.sub-filter-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;overflow-x:visible;padding:0}.sub-filter-btn{padding:10px 12px;font-size:13px;text-align:center;width:100%}.sub-filters-enhanced{padding:16px;gap:12px}.dimension-tabs{grid-template-columns:repeat(3,1fr);padding-bottom:6px}.sub-filters-enhanced[data-parent=herbal-wellness-loose-leaf-tea] .dimension-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dimension-tab{padding:6px;font-size:11px;white-space:normal;line-height:1.2;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.dimension-options{display:none}.dimension-options.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dimension-tabs--tracks{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:8px}.track-group{background:none;border:none;padding:0;box-shadow:none;display:contents}.track-group:before,.track-subtext,.track-divider,.track-operator,.track-operator-or{display:none}.track-group[data-track="1"] .dimension-tab{grid-column:1;grid-row:1}.track-group[data-track="3"] .dimension-tab{grid-column:2;grid-row:1}.track-group[data-track=universal] .dimension-tab{grid-column:3;grid-row:1}.track-group[data-track="2"] .dimension-tab[data-dimension=protein]{grid-column:1;grid-row:2}.track-group[data-track="2"] .dimension-tab[data-dimension=dish]{grid-column:2;grid-row:2}.track-group[data-track="2"] .dimension-tab[data-dimension=cuisine]{grid-column:3;grid-row:2}.dimension-tabs--tracks .dimension-tab{width:100%;padding:10px 6px;font-size:12px;margin:0}.dimension-options.active{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.sub-filter-btn--with-subtitle{width:100%;min-width:unset;padding:10px 8px;min-height:70px}.sub-filter-btn--with-subtitle .sub-filter-label{font-size:13px;font-weight:600;line-height:1.2;word-wrap:break-word;white-space:normal}.sub-filter-btn--with-subtitle .sub-filter-subtitle{font-size:10px;line-height:1.3;margin-top:4px;word-wrap:break-word;white-space:normal}.filter-note{grid-column:1 / -1;font-size:11px;padding:8px 4px 0;margin-top:4px}.sub-filter-btn:not(.sub-filter-btn--with-subtitle){font-size:13px;padding:10px 8px;white-space:normal;word-wrap:break-word}}@media (max-width: 480px){.sub-filter-btn--with-subtitle{padding:8px 6px;min-height:65px}.sub-filter-btn--with-subtitle .sub-filter-label{font-size:12px}.sub-filter-btn--with-subtitle .sub-filter-subtitle,.filter-note{font-size:10px}}@media (max-width: 768px){.sub-filters-enhanced[data-parent=new-here] .dimension-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.sub-filters-enhanced[data-parent=new-here] .dimension-tab{padding:10px 6px;font-size:11px;white-space:normal;line-height:1.2;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center;width:100%}}@media (max-width: 480px){.sub-filters-enhanced[data-parent=new-here] .dimension-tabs{grid-template-columns:repeat(3,1fr)}.sub-filters-enhanced[data-parent=new-here] .dimension-tab{font-size:10px;padding:8px 4px;min-height:36px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/showroom-filters.css.map */