/* =================================
   MAB Digital Trust Box
   Final Compact Version
================================= */

.mab-home-trust{
    margin-top:16px;
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(15,23,42,.10);
    box-shadow:
    0 8px 22px rgba(15,23,42,.06);
    direction:rtl;
}

/* Header */

.mab-home-trust__header{
    text-align:center;
    margin-bottom:10px;
}

/* Badge */

.mab-home-trust__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(34,197,94,.10);
    color:#166534;
    font-size:11px;
    font-weight:900;
    margin-bottom:6px;
}

/* Title */

.mab-home-trust__title{
    margin:0;
    font-size:12.5px;
    line-height:1.8;
    color:#475569;
    font-weight:900;
}

/* Logos Wrapper */

.mab-home-trust__logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
}

/* Logo Card */

.mab-home-trust .mab-trust-logo{
    width:78px;
    height:38px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:10px;
    border:1px solid rgba(15,23,42,.08);
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.mab-home-trust .mab-trust-logo:hover{
    transform:translateY(-2px);
    box-shadow:
    0 6px 16px rgba(15,23,42,.08);
}

/* Logo Images */

.mab-home-trust .mab-trust-logo img{
    height:18px!important;
    width:auto!important;
    max-width:58px!important;
    object-fit:contain;
    display:block;
}

/* Responsive */

@media(max-width:980px){
    .mab-home-hero__wrap{
        grid-template-columns:1fr;
        padding:18px;
    }
    .mab-home-hero__trust{
        grid-template-columns:1fr;
    }
}
@media(max-width:560px){
    .mab-home-hero__content,
    .mab-home-hero__visual{
        padding:16px;
    }
    .mab-home-hero__title{
        font-size:24px;
    }
    .mab-home-trust{
        padding:12px;
    }
    .mab-home-trust .mab-trust-logo{
        width:70px;
        height:36px;
    }

    .mab-home-trust .mab-trust-logo img{
        height:16px!important;
        max-width:52px!important;
    }
}

/* =========================
   MAB Trust Slider (RTL)
   Publisher Grade
   CSS Only Scroll Slider
========================= */
.mab-trustSlider{
    direction:rtl;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(15,23,42,.08);
    background:rgba(255,255,255,.88);
    box-shadow:
    0 18px 55px rgba(2,6,23,.08);
    padding:clamp(14px,2.2vw,22px);
    isolation:isolate;
}

/* Background */
.mab-trustSlider__bg{
    position:absolute;
    inset:0;
    background:
    radial-gradient(
    900px 360px at 10% 15%,
    rgba(37,99,235,.12),
    transparent 70%
    ),
    radial-gradient(
    900px 360px at 90% 20%,
    rgba(16,185,129,.10),
    transparent 70%
    ),
    linear-gradient(
    180deg,
    rgba(248,250,252,.92),
    rgba(255,255,255,.80)
    );
    z-index:0;
}

/* Header */
.mab-trustSlider__head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.mab-trustSlider__title{
    margin:0;
    font-size:clamp(16px,1.6vw,20px);
    font-weight:1000;
    color:#0f172a;
    line-height:1.9;
}
.mab-trustSlider__sub{
    margin:6px 0 0;
    font-size:13px;
    line-height:2;
    color:rgba(15,23,42,.72);
    max-width:80ch;
}

/* CTA */
.mab-trustSlider__cta{
    display:flex;
    gap:10px;
    flex:0 0 auto;
    align-items:center;
}
.mab-trustSlider__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 14px;
    border-radius:12px;
    font-weight:900;
    font-size:13px;
    text-decoration:none!important;
    transition:.18s ease;
    white-space:nowrap;
}
.mab-trustSlider__btn--ghost{
    background:rgba(255,255,255,.85);
    border:1px solid rgba(15,23,42,.12);
    color:rgba(15,23,42,.86);
}
.mab-trustSlider__btn--solid{
    background:
    linear-gradient(
    135deg,
    rgba(34,197,94,.95),
    rgba(22,163,74,.95)
    );
    border:1px solid rgba(255,255,255,.22);
    color:#fff!important;
    box-shadow:
    0 14px 28px rgba(22,163,74,.18);
}
.mab-trustSlider__btn:hover{
    transform:translateY(-1px);
    box-shadow:
    0 16px 34px rgba(2,6,23,.10);
}

/* Rail */
.mab-trustSlider__rail{
    position:relative;
    z-index:1;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(280px,360px);
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    padding:6px 4px 10px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.mab-trustSlider__rail::-webkit-scrollbar{
    height:8px;
}
.mab-trustSlider__rail::-webkit-scrollbar-thumb{
    background:rgba(15,23,42,.18);
    border-radius:999px;
}
.mab-trustSlider__rail::-webkit-scrollbar-track{
    background:rgba(15,23,42,.06);
    border-radius:999px;
}

/* Slides */
.mab-trustSlide{
    scroll-snap-align:start;
    border-radius:18px;
    border:1px solid rgba(15,23,42,.08);
    background:rgba(255,255,255,.92);
    box-shadow:
    0 12px 26px rgba(2,6,23,.06);
    padding:18px;
    min-height:150px;
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}
.mab-trustSlide:hover{
    transform:translateY(-4px);
    box-shadow:
    0 18px 42px rgba(2,6,23,.10);
}

/* Slide Header */
.mab-trustSlide__top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}
.mab-trustSlide__icon{
    width:38px;
    height:38px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(37,99,235,.10);
    border:1px solid rgba(37,99,235,.18);
    font-weight:1000;
}
.mab-trustSlide__h{
    margin:0;
    font-size:14px;
    font-weight:1000;
    color:rgba(15,23,42,.92);
    line-height:1.8;
}
.mab-trustSlide__p{
    margin:0;
    font-size:13.2px;
    line-height:2.1;
    color:rgba(15,23,42,.72);
}

/* Chips */
.mab-trustSlide__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
}
.mab-chip{
    display:inline-flex;
    align-items:center;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(15,23,42,.06);
    border:1px solid rgba(15,23,42,.08);
    font-size:12px;
    font-weight:800;
    color:rgba(15,23,42,.78);
}

/* Actions */
.mab-trustSlide__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:10px;
}
.mab-trustSlider__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 12px;
    border-radius:12px;
    text-decoration:none!important;
    font-size:12.8px;
    font-weight:900;
    color:rgba(15,23,42,.86);
    background:#fff;
    border:1px solid rgba(15,23,42,.12);
}

/* Quote */
.mab-trustSlide--quote{
    background:
    radial-gradient(
    420px 220px at 85% 20%,
    rgba(109,40,217,.10),
    transparent 60%
    ),
    rgba(255,255,255,.84);
}
.mab-quote{
    margin:0;
    font-size:13.4px;
    line-height:2.05;
    font-weight:800;
}
.mab-quote__by{
    display:block;
    margin-top:10px;
    font-size:12.5px;
    font-weight:900;
}

/* Hint */
.mab-trustSlider__hint{
    position:relative;
    z-index:1;
    margin-top:8px;
    font-size:12.3px;
    color:rgba(15,23,42,.60);
}

/* Responsive */
@media(max-width:880px){
    .mab-trustSlider__head{
        flex-direction:column;
    }
    .mab-trustSlider__cta{
        width:100%;
    }
    .mab-trustSlider__btn{
        width:100%;
    }
    .mab-trustSlider__rail{
        grid-auto-columns:minmax(240px,85%);
    }
}