/** * Brand Carousel Styles * @version 4.9.0 * @since 4.8.4 * @updated 4.9.0 - Background now controlled via Theme Options */.xe-brand-carousel{--brand-size:90px;--brand-gap:20px;--arrow-size:52px;--arrow-color:#FB8104;--transition-speed:0.3s;}.xe-brand-carousel{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0 25px;overflow:hidden;background:#f8f9fa; margin-bottom:20px;position:relative;}.xe-brand-arrow{flex-shrink:0;width:var(--arrow-size);height:var(--arrow-size);min-width:44px;min-height:44px;border-radius:50%;background:#ffffff;border:2px solid #e8e8e8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;z-index:5;}.xe-brand-arrow:hover{border-color:var(--arrow-color);background:var(--arrow-color);}.xe-brand-arrow:hover svg{stroke:#ffffff;}.xe-brand-arrow:disabled{opacity:0.3;cursor:not-allowed;}.xe-brand-arrow:disabled:hover{border-color:#e8e8e8;background:#ffffff;}.xe-brand-arrow:disabled:hover svg{stroke:#666;}.xe-brand-arrow svg{width:28px;height:28px;stroke:#666;transition:stroke var(--transition-speed) ease;}.xe-brand-track-wrapper{flex:1;overflow:hidden;position:relative;max-width:calc(100% - var(--arrow-size) * 2 - 40px);}.xe-brand-track-wrapper::before,.xe-brand-track-wrapper::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none;}.xe-brand-track-wrapper::before{left:0;background:linear-gradient(to right, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);}.xe-brand-track-wrapper::after{right:0;background:linear-gradient(to left, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);}.xe-brand-track{display:flex;gap:var(--brand-gap);padding:10px 20px;transition:transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:transform;transform:translate3d(0, 0, 0);cursor:grab;-webkit-user-select:none;user-select:none;}.xe-brand-track.is-dragging{cursor:grabbing;transition:none !important;}.xe-brand-track img{-webkit-user-drag:none;user-drag:none;pointer-events:none;}.xe-brand-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform var(--transition-speed) ease;}.xe-brand-item:hover{transform:translateY(-3px);}.xe-brand-circle{width:var(--brand-size);height:var(--brand-size);border-radius:50%;background:#ffffff;border:2px solid #e8e8e8;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;}.xe-brand-item:hover .xe-brand-circle{border-color:var(--arrow-color);box-shadow:0 4px 15px rgba(251, 129, 4, 0.2);}.xe-brand-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.xe-brand-name{font-size:12px;font-weight:500;color:#333;text-align:center;max-width:var(--brand-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.xe-brand-carousel[data-fits="true"] .xe-brand-arrow{display:none;}.xe-brand-carousel[data-fits="true"] .xe-brand-track-wrapper{max-width:100%;}.xe-brand-carousel[data-fits="true"] .xe-brand-track-wrapper::before,.xe-brand-carousel[data-fits="true"] .xe-brand-track-wrapper::after{display:none;}.xe-brand-carousel[data-fits="true"] .xe-brand-track{justify-content:center;}.xe-brand-carousel ~ .products-filter-area{display:none !important;}@media (max-width:1024px){.xe-brand-carousel{--arrow-size:40px;--brand-gap:16px;}.xe-brand-arrow svg{width:20px;height:20px;}.xe-brand-track-wrapper{max-width:calc(100% - var(--arrow-size) * 2 - 30px);}}@media (max-width:768px){.xe-brand-carousel{--arrow-size:36px;--brand-gap:12px;padding:15px 0 20px;}.xe-brand-arrow svg{width:18px;height:18px;}.xe-brand-track-wrapper::before, .xe-brand-track-wrapper::after{width:25px;}.xe-brand-track{padding:8px 15px;}.xe-brand-name{font-size:11px;}}@media (max-width:480px){.xe-brand-carousel{--arrow-size:32px;--brand-gap:10px;}.xe-brand-arrow svg{width:16px;height:16px;}.xe-brand-track-wrapper{max-width:calc(100% - var(--arrow-size) * 2 - 20px);}}