.category-explainer-wrapper{width:100%;margin-bottom:24px}.category-explainer-banner{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden}.category-explainer-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff0,#00000005);pointer-events:none;border-radius:8px}.explainer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;position:relative;z-index:1}.explainer-icon{width:24px;height:24px;flex-shrink:0;color:#000;display:flex;align-items:center;justify-content:center}.explainer-icon svg{width:100%;height:100%}.explainer-text{font-weight:500;font-size:12px;line-height:18px;color:#000;text-align:center;white-space:nowrap}.explainer-divider{width:0;height:52px;border-left:1px solid #d9d9d9;flex-shrink:0;position:relative;z-index:1}@media screen and (max-width: 749px){.category-explainer-wrapper{padding:0 12px;margin-bottom:16px}.category-explainer-banner{gap:16px;padding:12px 16px;align-items:flex-start}.explainer-item{justify-content:flex-start}.explainer-icon{width:16px;height:16px}.explainer-text{font-size:10px;line-height:12px;white-space:pre-wrap;word-break:break-word}.explainer-divider{height:50px}}@media screen and (min-width: 750px) and (max-width: 989px){.category-explainer-banner{gap:20px;padding:14px 20px}.explainer-icon{width:20px;height:20px}.explainer-text{font-size:11px;line-height:16px}}.facets-vertical .category-explainer-wrapper{max-width:100%}@media (prefers-reduced-motion: no-preference){.category-explainer-banner{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (hover: hover){.explainer-item{transition:transform .2s ease}.explainer-item:hover{transform:translateY(-2px)}.explainer-icon{transition:color .2s ease}.explainer-item:hover .explainer-icon{color:#333}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/category-explainer.css.map */