/* Compact catalog filters and sorting. Homepage uses its original styles. */
.bag-offers,.bag-recommendations{margin-top:14px;padding-top:13px;border-top:1px solid #e5e2dc}
.bag-offers h4,.bag-recommendations h4{margin:0 0 9px;font:500 11px/1.4 Jost,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.bag-offer{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:9px 10px;margin-bottom:6px;border:1px dashed #c7c3ba;background:#faf9f5}
.bag-offer strong{font-size:10px;letter-spacing:.08em}
.bag-offer p{max-width:210px;margin:2px 0;font-size:10px;line-height:1.35}
.bag-offer small{display:block;font-size:8px;color:#77736c}
.bag-offer button{flex-shrink:0;min-height:30px;padding:4px 8px;border:1px solid #222;background:#fff;color:#222;font-size:9px;text-transform:uppercase}
.bag-offers-more{display:flex;width:100%;padding:6px 1px;align-items:center;justify-content:space-between;border:0;background:none;color:#333;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.bag-recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bag-recommendation{min-width:0;color:#222;text-decoration:none}
.bag-recommendation img{display:block;width:100%;height:116px;object-fit:cover;object-position:top;background:#f4f2ee}
.bag-recommendation span{display:block;margin:6px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.bag-recommendation strong,.bag-recommendation small{display:block;font-size:10px}
.bag-recommendation small{margin-top:3px;color:#666;font-size:9px}
.recommendations-front-only .media-back{display:none!important}
.recommendations-front-only .product-media-track,.recommendations-front-only .product-card:hover .product-media-track{transform:none!important}
.recommendations-front-only .media-front{transform:none!important;opacity:1!important}
.cart-visible-offers{margin:12px 0}
.cart-visible-offers[hidden]{display:none}
#bagExtras{padding:0 14px 12px}
.cart-drawer .cart-reward-progress{padding:10px 20px 13px!important}
.cart-drawer .cart-reward-progress p{margin-bottom:10px!important;font-size:8px!important}
.cart-drawer .reward-labels{margin-top:8px!important;font-size:7px!important}
.cart-drawer .cart-perk-strip{padding:6px 10px!important;font-size:8px!important}
.cart-drawer .cart-line{grid-template-columns:108px minmax(0,1fr)!important;min-height:154px!important}
.cart-drawer .cart-line-media{width:108px!important;height:154px!important}
.cart-drawer .cart-line-info{padding:23px 12px 50px 13px!important}
.cart-drawer .cart-line-info h4{margin-bottom:8px!important;font-size:9px!important}
.cart-drawer .cart-line-meta{margin-bottom:12px!important;font-size:8px!important}
.cart-drawer .cart-line-side{inset:21px 11px auto auto!important}
.cart-drawer .cart-line-remove{top:43px!important}
.cart-drawer .cart-line-points{top:98px!important;width:210px!important;font-size:7px!important}
.cart-drawer .cart-benefit-row{min-height:38px!important;font-size:9px!important}
.catalog-filter-bar{border-top:1px solid #e4e1e1;border-bottom:1px solid #e4e1e1;background:#fff;margin-bottom:0}
.catalog-filter-tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin;padding:0 22px}
.catalog-filter-tab{position:relative;flex:none;padding:13px 0 11px;border:0;border-bottom:2px solid transparent;background:none;color:#333;font:400 14px/1.3 Jost,sans-serif;text-transform:uppercase;white-space:nowrap}
.catalog-filter-tab.is-active{border-bottom-color:#161616;color:#111;font-weight:600}
.catalog-filter-tab.has-selection::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ee5434;vertical-align:middle;margin-right:6px}
.catalog-filter-values{display:flex;align-items:center;gap:24px;overflow-x:auto;background:#f2eeee;min-height:46px;padding:7px 20px;scrollbar-width:thin}
.catalog-filter-values[hidden]{display:none}
.catalog-filter-value{position:relative;flex:none;cursor:pointer;font:400 14px/1.4 Jost,sans-serif;color:#3d3d3d}
.catalog-filter-value input{position:absolute;opacity:0;width:1px;height:1px}
.catalog-filter-value span{display:block;padding:1px 5px;border:2px solid transparent;border-radius:3px}
.catalog-filter-value input:checked+span{border-color:#222;color:#111}
.catalog-filter-value input:focus-visible+span,.catalog-filter-tab:focus-visible{outline:2px solid #255ba9;outline-offset:3px}
.catalog-filter-empty{color:#777;font-size:14px}
.shop-page .filters-desktop{display:none!important}
.shop-page .shop-layout{grid-template-columns:minmax(0,1fr)!important}
.shop-page .page-hero{padding:16px 24px!important}
.shop-page .breadcrumbs{font-size:12px!important}
.shop-page .filter-toolbar{grid-template-columns:auto 1fr auto!important;gap:20px!important;min-height:54px!important;height:auto!important;padding:9px 24px!important;margin:0!important;border-bottom:1px solid #e5e5e5!important}
.shop-page .filter-toolbar-left{gap:14px;align-items:center}
.shop-page .mobile-filter-btn{min-height:32px!important;font-size:11px!important}
.shop-page .shop-sort-wrap{display:block!important;justify-self:end}
.shop-page .shop-toolbar-sort{min-height:32px;padding:4px 0;font-size:11px!important}
.shop-page .shop-toolbar-count{font:400 11px/1.4 Jost,sans-serif;white-space:nowrap;justify-self:end}
.shop-page .result-count{font:inherit!important}
.shop-page .shop-view-tools,.shop-page .sort-select{display:none!important}
.shop-page .sort-menu{left:auto!important;right:0!important;top:calc(100% + 8px);width:200px;min-width:0;padding:5px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.shop-page .sort-menu button{padding:9px 10px;font-size:12px}
.shop-page .active-filter-chips{padding:8px 24px 0!important;margin:0!important;gap:6px}
.shop-page .active-filter-chips:empty{display:none!important}
.shop-page .shop-layout{margin-top:0!important;padding-top:0!important}
.shop-page .product-grid{margin-top:0!important;padding-top:16px!important}
@media(max-width:767.98px){
 .catalog-filter-tabs{gap:25px;padding:0 14px}
 .catalog-filter-tab{font-size:12px;padding:12px 0 10px}
 .catalog-filter-values{gap:20px;min-height:42px;padding:6px 12px}
 .catalog-filter-value{font-size:13px}
 .shop-page .page-hero{padding:12px 14px!important}
 .shop-page .filter-toolbar{grid-template-columns:1fr auto!important;gap:12px!important;padding:6px 14px!important;min-height:46px!important}
 .shop-page .shop-toolbar-count{display:none!important}
 .shop-page .active-filter-chips{padding:7px 14px 0!important}
 .shop-page .product-grid{padding-top:10px!important}
}
