/* Swiper */
.swiper {
    width: 100%;
    height: 100%;
}
.mySwiper {
    height: 100px !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.swiper-slider {
    margin-left: auto;
    margin-right: auto;
}
.swiper-pagination-bullet {
    width: 25px !important;
    height: 4px !important;
    background:var(--color-teal) !important;
    border-radius: 5px !important;
    display: inline-block ;
}
.swiper-button-next,
.swiper-button-prev {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background:#434d66;
    @apply ltr:ml-[3px] rtl:mr-[3px]
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background:#aeb0b3;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px !important;
    font-weight: 900;
    color: black !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -5px !important;
}
.slider-currancy {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content:space-around;
}
.slider-currancy img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.mySwiper-slider .swiper-slide {
    /* height: 150px !important; */
}
.swiper-notif {
    width: 433px !important;
    height: 20px !important;
}




/* Final179 / Step 7: compact, responsive homepage and horizontally scrollable content rails. */
.arz-home-page { width:100%; min-width:0; padding-top:clamp(16px,2vw,28px) !important; }
.arz-home-page .arz-home-hero-copy h1 { font-size:clamp(1.15rem,2.1vw,1.75rem) !important; line-height:1.45 !important; overflow-wrap:anywhere; }
.arz-home-page .arz-home-hero-copy p { font-size:clamp(.78rem,1.15vw,.94rem) !important; line-height:1.9 !important; }
.arz-home-page .text-lg { font-size:clamp(.9rem,1.15vw,1.125rem) !important; line-height:1.55 !important; }
.arz-home-page .text-xl { font-size:clamp(1.05rem,1.75vw,1.35rem) !important; line-height:1.55 !important; }
.arz-home-page .text-sm { font-size:clamp(.76rem,.95vw,.875rem) !important; }
.arz-home-page .arz-social-home-grid {
    display:flex !important; flex-flow:row nowrap !important; align-items:stretch; gap:clamp(10px,1.2vw,16px) !important;
    width:100%; min-width:0; max-width:100%; overflow-x:auto !important; overflow-y:hidden !important;
    padding:6px 2px 14px !important; margin:0 !important; scrollbar-width:none !important; -ms-overflow-style:none !important;
    scroll-snap-type:x mandatory; scroll-padding-inline:2px; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y; cursor:grab;
}
.arz-home-page .arz-social-home-grid::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }
.arz-home-page .arz-social-home-grid.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; -webkit-user-select:none; }
.arz-home-page .arz-social-home-grid > * {
    flex:0 0 clamp(250px,24vw,310px) !important; width:clamp(250px,24vw,310px) !important;
    min-width:0 !important; max-width:calc(100vw - 36px) !important; scroll-snap-align:start;
}
.arz-home-page .arz-social-home-grid article { height:100%; margin:0 !important; min-width:0; max-width:none !important; }
.arz-home-page .arz-home-market-summary { min-width:0; }
.arz-home-market-summary img { max-width:100%; }
/* The analysis component is shared, but these overrides are loaded only on the homepage. */
.arz-home-page .arz-analysis-market-panel .arz-analysis-latest-grid,
.arz-home-page .arz-analysis-market-panel .arz-analysis-leader-grid {
    scrollbar-width:none !important; -ms-overflow-style:none !important; overscroll-behavior-inline:contain;
}
.arz-home-page .arz-analysis-market-panel .arz-analysis-latest-grid::-webkit-scrollbar,
.arz-home-page .arz-analysis-market-panel .arz-analysis-leader-grid::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }
@media (max-width:760px) {
    .arz-home-page { padding-top:22px !important; padding-inline:8px !important; }
    .arz-home-page .px-5 { padding-inline:12px; }
    .arz-home-page .arz-home-hero-copy { margin-bottom:14px !important; }
    .arz-home-page .arz-home-hero-copy p { line-height:1.8 !important; }
    .arz-home-page .arz-social-home-grid { gap:10px !important; padding-inline:1px !important; }
    .arz-home-page .arz-social-home-grid > * { flex-basis:clamp(238px,78vw,310px) !important; width:clamp(238px,78vw,310px) !important; }
    .arz-home-page .arz-home-market-summary .grid { gap:8px !important; }
    .arz-home-market-summary section,
    .arz-home-market-summary [role="region"] { min-width:0; }
    .arz-home-market-summary [aria-labelledby] { padding:9px !important; }
}
@media (max-width:380px) {
    .arz-home-page .arz-home-hero-copy h1 { font-size:1.08rem !important; }
    .arz-home-page .arz-home-hero-copy p { font-size:.76rem !important; }
    .arz-home-page .arz-social-home-grid > * { flex-basis:84vw !important; width:84vw !important; }
    .arz-home-page .text-sm { font-size:.74rem !important; }
    .arz-home-market-summary .text-xs { font-size:9px !important; }
}
@media (prefers-reduced-motion:reduce) {
    .arz-home-page .arz-social-home-grid,
    .arz-home-page .arz-analysis-market-panel .arz-analysis-latest-grid,
    .arz-home-page .arz-analysis-market-panel .arz-analysis-leader-grid { scroll-behavior:auto !important; }
}