.brand-slider-wrapper{
    margin-bottom:18px;
}

.brand-title{
    font-size:16px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
    padding-right:2px;
}

.brand-slider{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:12px;
    background:#faf8f7;
    border:1px solid #f0ece8;
    border-radius:16px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;

    margin-left:-12px;
    margin-right:-12px;
}

.brand-slider::-webkit-scrollbar{
    display:none;
}

.brand-card{
    flex:0 0 82px;
    min-width:82px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;

    padding:8px 6px;

    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;

    text-decoration:none;
    transition:.2s ease;
}

.brand-card:active{
    transform:scale(.97);
}

.brand-card img{
    width:100% !important;
    height:22px !important;
    object-fit:contain !important;
    display:block;
    margin-bottom:8px;
}

.brand-name{
    font-size:10px;
    font-weight:600;
    color:#444;
    text-align:center;
    line-height:1.2;
    width:100%;
    min-height:24px;

    display:flex;
    align-items:center;
    justify-content:center;
}


.brand-slider-wrapper{
    margin-top:-50px;
}




/* ============================================
   ١. زر الواتساب
   ============================================ */
#wa-selia {
  position: fixed !important;
  left: 18px !important;
  bottom: 20px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #25D366 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  z-index: 9999 !important;
  box-shadow: 0 5px 16px rgba(37, 211, 102, .5) !important;
  animation: waGlow 2.5s ease-in-out infinite !important;
}

@keyframes waGlow {
  0%, 100% { box-shadow: 0 5px 16px rgba(37, 211, 102, .5); }
  50% {
    box-shadow: 0 5px 24px rgba(37, 211, 102, .8),
                0 0 0 10px rgba(37, 211, 102, .15);
  }
}

#wa-selia > a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 50% !important;
  padding: 0 !important;
  gap: 0 !important;
}

#wa-selia i {
  font-size: 25px !important;
  color: #fff !important;
  line-height: 1 !important;
}

#wa-selia span { display: none !important; }

#wa-selia::before {
  content: 'تحدثي معنا الآن';
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translateX(-50%);
  background: #0F0D0B;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 6px 11px;
  border-radius: 7px;
  white-space: nowrap;
  pointer-events: none;
  line-height: 1.2;
  z-index: 10;
  animation: waTip 1s ease 1.5s both;
}

#wa-selia::after {
  content: '';
  position: absolute;
  bottom: 49px;
  left: 50%;
  transform: translateX(-50%);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #0F0D0B;
  pointer-events: none;
  z-index: 10;
  animation: waTip 1s ease 1.5s both;
}

@keyframes waTip {
  from { opacity: 0; }
  to   { opacity: 1; }
}