.brand-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:80px 32px;overflow:hidden;isolation:isolate;margin-bottom:42px;background-color:#f5f1eb}.brand-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.ltr .brand-hero:after{background:linear-gradient(180deg,#ffffff24,#fff6)}.rtl .brand-hero:after{background:linear-gradient(-180deg,#ffffff24,#fff6)}.brand-hero__bg{position:absolute;inset:0;z-index:-1;background-position:center;background-repeat:repeat;background-size:cover}.brand-hero__content{width:100%;max-width:672px;text-align:center;position:relative;z-index:1}.brand-hero__title{margin:0;color:#101828;font-family:Poppins,sans-serif;font-size:clamp(32px,5vw,60px);font-weight:700;line-height:1.2;letter-spacing:-.02em}.brand-hero__description{width:100%;max-width:568px;margin:24px auto 0;color:#101828;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:1.56}@media (min-width: 350px) and (max-width: 991.98px){.brand-hero{padding:15px 20px;margin-bottom:10px}.brand-hero__title{font-size:15px}.brand-hero__description{margin-top:10px;font-size:10px}}.brand-subheader{position:sticky;top:0;z-index:40;padding:16px 0;border-bottom:1px solid #efeded;box-shadow:0 1px 2px #0000000d;background-color:#fff;margin-bottom:32px}.brand-subheader__inner{display:flex;flex-direction:column;gap:16px}.brand-subheader__title{margin:0;color:#1b1c1c;font-family:Poppins,sans-serif;font-size:clamp(24px,3.2vw,30px);font-weight:700;line-height:1.267}.brand-subheader__filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.brand-subheader__chip{min-width:40px;height:40px;border:0;border-radius:9999px;background:transparent;color:#5b403d;font-family:Inter,Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.43;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;transition:all .2s ease}.brand-subheader__chip:hover{background-color:#fdf0f1;color:#d63832}.brand-subheader__chip.is-active{background-color:#d63832;color:#fff;font-weight:700}.brand-subheader__chip.is-soft-active{background-color:#fad2d4;color:#d63832;font-weight:700}@media (max-width: 991.98px){.brand-subheader{position:fixed;inset:auto 0 0;z-index:70;width:100%;margin-bottom:0;padding:12px 0;box-shadow:0 0 10px #00000026}.brand-subheader__inner{padding:0 16px;gap:12px}.brand-subheader__title{display:none}.brand-subheader__filters{justify-content:center;gap:4px}.brand-subheader__chip{min-width:25px;height:25px;padding:6px;border-radius:6250px;font-size:14px;font-weight:400}.brand-subheader__chip.is-active,.brand-subheader__chip.is-soft-active{font-weight:500}.brand-subheader__chip[data-filter=ALL]{min-width:43px}.brand-subheader__chip[data-filter="0-9"]{min-width:35px}}.brand-carousel-section{margin-bottom:56px}.brand-carousel-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand-carousel-section__title{margin:0;color:#1b1c1c;font-family:Poppins,sans-serif;font-weight:700;line-height:1.27;font-size:24px}.brand-carousel-section__navigation{display:inline-flex;align-items:center;gap:8px}.brand-carousel-section__button{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:50%;background:#fff;color:#344054;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.brand-carousel-section__button:hover{border-color:#d63832;color:#d63832}.brand-carousel-section__button.swiper-button-disabled{opacity:.45;cursor:not-allowed}.brand-carousel-section__button i{font-size:18px;line-height:1}.brand-carousel{overflow:hidden;--brand-carousel-card-width: 120px}.brand-carousel .swiper-wrapper{align-items:stretch}.brand-carousel .swiper-slide{height:auto;width:auto!important;flex-shrink:0}.brand-carousel-card{width:var(--brand-carousel-card-width);min-width:var(--brand-carousel-card-width);height:100%;min-height:0;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;text-decoration:none;transition:opacity .2s ease}.brand-carousel-card:hover{opacity:.92}.brand-carousel-card:hover .brand-carousel-card__logo{border-color:#d63832}.brand-carousel-card__logo{width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-radius:9.6px;border:.8px solid #f3f3f3;background:#fff;padding:8px;box-shadow:0 2.4px 12px #0000000d;transition:border-color .2s ease,background-color .2s ease}.brand-carousel-card__image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.brand-carousel-card__name{margin:0;color:#000;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.5;text-align:center;letter-spacing:0}@media (max-width: 991.98px){.brand-carousel-section{margin-top:15px;margin-bottom:20px}.brand-carousel-section__header{margin-bottom:18px}.brand-carousel-section__title{font-size:16px}.brand-carousel-section__navigation{gap:6px}.brand-carousel-section__button{width:32px;height:32px}.brand-carousel{--brand-carousel-card-width: 80px}.brand-carousel-card{min-height:0}.brand-carousel-card__logo{height:88px}}.all-brands-wrap{margin-top:50px}@media (max-width: 991.98px){.all-brands-wrap{margin-top:10px;padding-bottom:110px}.all-brands-wrap>.container{padding-left:0;padding-right:0}}body.brands-page .container.md\:p-0.p-0.layout-nav{position:sticky;top:0;z-index:80;background:#fff}@media (min-width: 992px){body.brands-page .brand-subheader{top:var(--brands-layout-nav-height, 0px)}}@media (max-width: 991.98px){body:has(.all-brands-wrap .brand-subheader){--brands-mobile-dock-offset: 74px}body:has(.all-brands-wrap .brand-subheader) .chat-assistant{--offset-bottom: calc(42px + var(--brands-mobile-dock-offset))}body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{z-index:1060}.ltr body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{right:68px}.rtl body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{left:68px}body:has(.all-brands-wrap .brand-subheader) .scroll-to-top.active{bottom:calc(12px + var(--brands-mobile-dock-offset, 0px))}body:has(.all-brands-wrap .brand-subheader).rtl .chat-assistant{inset-inline-end:auto;inset-inline-start:15px}body:has(.all-brands-wrap .brand-subheader).rtl .scroll-to-top{right:auto;left:68px}}@media (max-width: 600px){body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{bottom:calc(50px + var(--brands-mobile-dock-offset, 0px));z-index:1060}.ltr body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{right:68px}.rtl body:has(.all-brands-wrap .brand-subheader) .scroll-to-top{left:68px}body:has(.all-brands-wrap .brand-subheader) .scroll-to-top.active{bottom:calc(75px + var(--brands-mobile-dock-offset, 0px))}body:has(.all-brands-wrap .brand-subheader).rtl .scroll-to-top{right:auto;left:68px}body:has(.all-brands-wrap .brand-subheader):has(.scroll-to-top.active) .chat-assistant{inset-block-end:calc(75px + var(--brands-mobile-dock-offset, 0px) + 48px)}}.all-brands .brand-group{padding-block:32px}.all-brands .brand-group__header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.all-brands .brand-group__title{margin:0;color:#101828;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:1.33}.all-brands .brand-group__divider{flex:1;height:1px;background-color:#e4e7ec}.all-brands .brand-group__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:24px}.all-brands .brand-group__item{height:160px;border:1px solid #e4e7ec;border-radius:12px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.all-brands .brand-group__item:hover{border-color:#d63832;background-color:#fcfcfd;transform:translateY(-2px);box-shadow:0 8px 20px #10182814}.all-brands .brand-group__image-wrap{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.all-brands .brand-group__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.all-brands .brand-group__name{margin-top:0;color:#000;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media (max-width: 991.98px){.all-brands .brand-group{padding-block:10px}.all-brands .brand-group__header,.all-brands .brand-group__title{font-size:20px}.all-brands .brand-group__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.all-brands .brand-group__item{height:112px;padding:8px;gap:6px}.all-brands .brand-group__name{font-size:11px}}
