@font-face{font-family:RobotRegular;src:url(/_next/static/media/Almarai-Regular.264e5c16.ttf);font-display:swap}@font-face{font-family:RobotBold;src:url(/_next/static/media/Almarai-Bold.e6508a39.ttf);font-display:swap}@font-face{font-family:RobotMedium;src:url(/_next/static/media/Almarai-Bold.e6508a39.ttf);font-display:swap}@font-face{font-family:RobotLight;src:url(/_next/static/media/Almarai-Light.edc65197.ttf);font-display:swap}.brands{padding:40px 0 60px;min-height:60vh}.brands .brands-header{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.brands .brands-header .brands-title{font-size:2.2rem;font-weight:700;color:var(--primary-color,#313030);margin-bottom:10px;position:relative;display:inline-block}.brands .brands-header .brands-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(to right,var(--primary-color,#313030),var(--primary-color,#313030));border-radius:2px}.brands .brands-header .brands-subtitle{font-size:1.1rem;color:#7f8c8d;margin-top:25px}.brands .brands-grid{row-gap:20px}.brands .brand-col{display:flex;justify-content:center}.brands .brand-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:260px;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:25px 15px;text-decoration:none;position:relative}.brands .brand-card:after{content:"";position:absolute;top:100%;left:0;right:0;height:15px;background:transparent}.brands .brand-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.brands .brand-card:hover .brand-image{transform:scale(1.05)}.brands .brand-card .brand-image-container{display:flex;align-items:center;justify-content:center;height:140px;width:100%;margin-bottom:20px}.brands .brand-card .brand-image-container .brand-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease}.brands .brand-card .brand-name{font-size:1.1rem;font-weight:600;text-align:center;margin-top:auto;transition:color .3s ease}.brands .brand-card .brand-name,.brands .brand-card:hover .brand-name{color:var(--primary-color,#313030)}.brands .skeleton{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:25px 15px}.brands .skeleton .skeleton-image{height:140px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.brands.brands-arabic{direction:rtl;text-align:start}@media(max-width:1199px){.brands .brand-card{padding:20px 12px}.brands .brand-card .brand-image-container{height:120px}}@media(max-width:991px){.brands{padding:30px 0 50px}.brands .brands-header{margin-bottom:30px}.brands .brands-header .brands-title{font-size:1.8rem}.brands .brands-header .brands-subtitle{font-size:1rem}.brands .brands-grid{row-gap:25px}.brands .brand-card .brand-image-container{height:110px}.brands .brand-card .brand-name{font-size:1rem}}@media(max-width:767px){.brands{padding:25px 0 40px}.brands .brands-header{margin-bottom:25px}.brands .brands-header .brands-title{font-size:1.6rem}.brands .brands-grid{row-gap:20px}.brands .brand-card{padding:18px 10px;max-width:220px}.brands .brand-card .brand-image-container{height:100px}}@media(max-width:575px){.brands .brands-header .brands-title{font-size:1.4rem}.brands .brand-card{max-width:100%;padding:15px}.brands .brand-card .brand-image-container{height:90px}}.brand-details-hero{position:relative;height:250px;width:100%;border-radius:0 0 14px 14px;overflow:hidden}.brand-details-hero .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/brand-hero-bg.png);background-size:cover;background-position:50%}.brand-details-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(var(--primary-color,#313030),.4) 0,rgba(var(--primary-color,#313030),.9) 100%);z-index:1}.brand-details-hero .hero-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-details-hero .breadcrumbs-container{padding-top:1rem}.brand-details-hero .breadcrumbs-container .breadcrumb-modern{background:transparent!important;box-shadow:none!important;padding:0!important}.brand-details-hero .breadcrumbs-container .breadcrumb-item,.brand-details-hero .breadcrumbs-container .breadcrumb-item a{color:hsla(0,0%,100%,.9)!important;text-decoration:none!important;background:transparent!important}.brand-details-hero .breadcrumbs-container .breadcrumb-item a:hover,.brand-details-hero .breadcrumbs-container .breadcrumb-item:hover{color:#fff!important;text-decoration:underline!important}.brand-details-hero .breadcrumbs-container .breadcrumb-item.active{color:#fff!important;font-weight:600}.brand-details-hero .breadcrumbs-container .chevron-icon,.brand-details-hero .breadcrumbs-container .home-icon{stroke:#fff!important}.brand-details-hero .brand-identity{padding-bottom:2rem}.brand-details-hero .brand-identity .brand-logo-frame{width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center;border:6px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.brand-details-hero .brand-identity .logo-img{max-width:85%;max-height:85%;object-fit:contain}.brand-details-hero .brand-identity .logo-fallback{font-size:40px;font-weight:700;color:#888;display:none}.brand-details-hero .brand-identity .logo-fallback.visible{display:block}.brand-details-hero .brand-identity .brand-info{color:#fff;margin-bottom:.5rem;padding-bottom:.25rem}.brand-details-hero .brand-identity .brand-info h1{font-size:3.5rem;font-weight:700;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:-1px}.brand-details-hero .brand-identity .brand-info .meta-info{display:flex;align-items:center;gap:.5rem;opacity:.75;font-size:1.25rem}.brand-details-hero .brand-identity .brand-info .item-count-badge{background:hsla(0,0%,100%,.2);padding:2px 10px;border-radius:20px;font-size:.8em}