@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--haraj-green:#16834b;--haraj-green-dark:#0f6b3c;--haraj-bg:#fff;--haraj-card:#fff;--haraj-border:#e4e7ea;--haraj-text:#20262d;--haraj-muted:#737c85;--haraj-radius:10px;--haraj-shadow:0 2px 10px rgba(25,35,45,.055)}
html{background:var(--haraj-bg)}body{background:var(--haraj-bg)!important;color:var(--haraj-text)!important;font-family:Tahoma,"Arial",sans-serif!important}a{transition:color .15s ease,background .15s ease,border-color .15s ease!important}#header{position:sticky;top:0;background:#fff;box-shadow:0 1px 0 var(--haraj-border)!important;z-index:1000}.nav-top{padding:9px 0!important}.nav-top .nav-top-left .logo{height:44px!important}.nav-top .nav-top-left .logo img{max-height:42px!important}.nav-top .nav-top-right .nav>li>a{border-radius:8px;padding:9px 11px!important;color:#374151!important}.nav-top .nav-top-right .nav>li>a:hover{background:#f1f6f3;color:var(--haraj-green)!important}.nav-top .nav-top-right .btn-sell-now,.btn-custom,.btn-primary{background:var(--haraj-green)!important;border-color:var(--haraj-green)!important;color:#fff!important}.nav-top .nav-top-right .btn-sell-now:hover,.btn-custom:hover,.btn-primary:hover{background:var(--haraj-green-dark)!important;border-color:var(--haraj-green-dark)!important}.nav-main{border-top:1px solid #f0f1f2!important;border-bottom:1px solid var(--haraj-border);box-shadow:none!important}.nav-main .navbar ul .nav-item .nav-link{padding:11px 15px!important;font-weight:600!important;color:#4b5563!important}.nav-main .navbar ul .nav-item:hover .nav-link,.nav-main .navbar ul .nav-item.active .nav-link{color:var(--haraj-green)!important}.mobile-menu{background:#fff;padding:10px 0!important;border-bottom:1px solid var(--haraj-border)!important}#wrapper{padding-top:20px!important}.index-wrapper{padding-top:12px!important}.container{max-width:1180px}.section,.card,.widget,.product-content-details,.product-description,.related-products{border-radius:var(--haraj-radius)}.section{background:var(--haraj-card);border:1px solid var(--haraj-border);box-shadow:var(--haraj-shadow);padding:18px;margin-bottom:16px}.section .title,.section-title,.sidebar-title,.sidebar-title-pics{color:#27313a!important;font-weight:700!important;text-transform:none!important}.product-filters{background:#fff;border:1px solid var(--haraj-border);border-radius:var(--haraj-radius);padding:16px!important;box-shadow:var(--haraj-shadow)}.form-input,.form-control,.selectdiv select{border-color:#d9dee3!important;border-radius:8px!important}.form-input:focus,.form-control:focus,.selectdiv select:focus{border-color:var(--haraj-green)!important;box-shadow:0 0 0 3px rgba(22,131,75,.1)!important}.filter-tag{border-radius:18px!important;background:#eef6f1!important;color:var(--haraj-green-dark)!important}.product-list-content{padding:0!important;background:#fff;border:1px solid var(--haraj-border);border-radius:var(--haraj-radius);overflow:hidden;box-shadow:var(--haraj-shadow)}#home-products-row{margin:0!important;display:block}#home-products-row>.column{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;border-bottom:1px solid var(--haraj-border)}#home-products-row>.column:last-child{border-bottom:0}#home-products-row .product-item{display:grid!important;grid-template-columns:170px minmax(0,1fr);gap:16px;width:100%!important;margin:0!important;padding:12px;background:#fff;border:0!important;border-radius:0!important;box-shadow:none!important;transition:background .15s ease}#home-products-row .product-item:hover{background:#f8fbf9}#home-products-row .product-item>.row-custom{float:none!important;width:auto!important;min-width:0}#home-products-row .img-product-container{width:170px!important;height:125px!important;border-radius:8px!important;background:#eef0f2!important;overflow:hidden}#home-products-row .img-product{width:100%!important;height:100%!important;object-fit:cover!important}#home-products-row .item-details{padding:5px 5px 2px!important;display:block!important}#home-products-row .product-title{font-size:19px!important;line-height:1.5!important;margin:0 0 10px!important}#home-products-row .product-title a{color:#17679a!important;font-weight:500}#home-products-row .product-user{color:var(--haraj-muted)!important;margin-bottom:8px!important}#home-products-row .price,#home-products-row .price2{color:var(--haraj-green-dark)!important;font-weight:700!important;font-size:16px!important}#home-products-row .state,#home-products-row .state2,#home-products-row .state7,#home-products-row .days-ago{color:var(--haraj-muted)!important}.btn-home-load-more{border-color:#cfd8d3!important;color:var(--haraj-green-dark)!important}.btn-home-load-more:hover{background:#eef7f2!important;border-color:var(--haraj-green)!important}.product-content{background:#fff;border:1px solid var(--haraj-border);border-radius:var(--haraj-radius);box-shadow:var(--haraj-shadow);padding:18px}.product-content-details,.product-content-details-mobile,.product-description,.widget-seller,.widget-location,.related-products{background:#fff!important;border:1px solid var(--haraj-border)!important;border-radius:var(--haraj-radius)!important;padding:16px!important;box-shadow:var(--haraj-shadow)}.product-content .product-title{color:#1f2933!important}.product-content .product-price{color:var(--haraj-green-dark)!important}.related-products{margin-top:18px}.related-products .product-item{border:1px solid var(--haraj-border);border-radius:9px;overflow:hidden;background:#fff}.pagination .active a,.pagination li a:hover{background:var(--haraj-green)!important;border-color:var(--haraj-green)!important}.pagination li a{border-radius:7px!important}#footer{background:#fff!important;border-top:1px solid var(--haraj-border);color:#5b6570!important}#footer .footer-title,#footer h4{color:#26313b!important}#footer a{color:#65707b!important}#footer a:hover{color:var(--haraj-green)!important}.scrollup i{background:var(--haraj-green)!important;border-radius:50%!important}
@media(max-width:992px){#header{position:relative}.section{padding:14px}.product-list-content{border-radius:8px}.nav-main{overflow-x:auto}.nav-main .navbar{min-width:max-content}}
@media(max-width:576px){body{font-size:13px!important}#wrapper{padding-top:10px!important}.container{padding-left:10px!important;padding-right:10px!important}.section{padding:10px;border-radius:8px}.product-list-content{box-shadow:none}#home-products-row .product-item{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px}#home-products-row .img-product-container{width:112px!important;height:100px!important}#home-products-row .item-details{padding:1px 0!important}#home-products-row .product-title{font-size:14px!important;margin-bottom:6px!important;line-height:1.4!important}#home-products-row .product-user{font-size:11px!important;margin-bottom:4px!important}#home-products-row .price,#home-products-row .price2{font-size:13px!important}.product-content,.product-content-details,.product-content-details-mobile,.product-description,.widget-seller,.widget-location,.related-products{padding:11px!important;border-radius:8px!important;box-shadow:none}.mobile-menu .mobile-logo img{max-height:38px!important}.btn-home-load-more{min-width:170px;padding:10px 20px}}
.nav-main,
.nav-main .navbar{
    background:#418bbf!important;
}
.nav-main .navbar ul .nav-item .nav-link,
.nav-main .navbar ul .nav-item:hover .nav-link,
.nav-main .navbar ul .nav-item.active .nav-link{
    color:#fff!important;
}
body,
button,
input,
select,
textarea{
    font-family:'Tajawal',Tahoma,sans-serif!important;
}
.index-wrapper .btn-sell-now,
.products-wrapper .btn-sell-now{
    background:#495d7f!important;
    border-color:#495d7f!important;
    color:#fff!important;
}
.index-wrapper .btn-sell-now:hover,
.index-wrapper .btn-sell-now:focus,
.products-wrapper .btn-sell-now:hover,
.products-wrapper .btn-sell-now:focus{
    background:#3d506f!important;
    border-color:#3d506f!important;
}
.btn-home-load-more,
.btn-home-load-more:hover,
.btn-home-load-more:focus{
    color:#495d7f!important;
}
#make_comment_registered .btn-custom{
    background:#495d7f!important;
    border-color:#495d7f!important;
    color:#fff!important;
}
#make_comment_registered .btn-custom:hover,
#make_comment_registered .btn-custom:focus{
    background:#3d506f!important;
    border-color:#3d506f!important;
}
.index-wrapper .top-search-bar .input-search,
.index-wrapper .top-search-bar .search-select button,
.products-wrapper .top-search-bar .input-search,
.products-wrapper .top-search-bar .search-select button{
    border-color:rgba(73,93,127,.35)!important;
}
.product-content-left .product-slider-container{
    margin-top:10px!important;
    margin-bottom:5px!important;
}
#home-products-row>.column.list .product-item{
    align-items:center!important;
}
#home-products-row>.column{
    border-bottom:0!important;
}
#home-products-row>.column .product-item{
    border-bottom:1px solid var(--haraj-border)!important;
}
#home-products-row>.column:last-child .product-item{
    border-bottom:0!important;
}

/* Restore the card layout when the grid button removes the "list" class. */
#home-products-row>.column:not(.list){
    width:25%!important;
    max-width:25%!important;
    flex:0 0 25%!important;
    padding:0 10px!important;
    border:0!important;
}
#home-products-row.grid-view{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch;
    padding:10px!important;
}
#home-products-row>.column:not(.list) .product-item{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0 0 20px!important;
    border:1px solid var(--haraj-border)!important;
    border-radius:9px!important;
    overflow:hidden;
}
#home-products-row>.column:not(.list) .product-item>.row-custom{
    float:left!important;
    width:100%!important;
}
#home-products-row>.column:not(.list) .img-product-container{
    width:100%!important;
    height:230px!important;
    border-radius:0!important;
}
#home-products-row>.column:not(.list) .item-details{
    padding:12px!important;
}

@media(max-width:992px){
    #home-products-row>.column:not(.list){
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
    }
}
@media(max-width:576px){
    #home-products-row.grid-view{
        padding:6px!important;
    }
    #home-products-row>.column:not(.list){
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
        padding:0 5px!important;
    }
    #home-products-row>.column:not(.list) .img-product-container{
        height:auto!important;
        min-height:210px;
    }
}

@media(max-width:768px){
    .product-content-left .product-slider-container{
        width:calc(100% - 16px)!important;
        margin-right:8px!important;
        margin-left:8px!important;
        box-sizing:border-box!important;
    }
    .product-content-left .bordr{
        border:0!important;
        box-shadow:none!important;
        background:#fff!important;
    }
    .product-content-left .product-content-details,
    .product-content-left .product-content-details-mobile{
        border:1px solid #d3d6e0!important;
        border-radius:5px!important;
        box-shadow:none!important;
        background:#fff!important;
    }
}

/* Match the description card gutters with the seller card on phones. */
@media(max-width:576px){
    .product-content-left .bordr{
        border:0!important;
        box-shadow:none!important;
        background:#fff!important;
    }
    .product-content-left .bordrtitle{
        width:calc(100% - 16px)!important;
        margin-right:8px!important;
        margin-left:8px!important;
        box-sizing:border-box!important;
    }
    .product-content-left .product-description-card{
        margin-top:2px!important;
    }
    .product-content-left .product-content-details,
    .product-content-left .product-content-details-mobile{
        width:calc(100% - 16px)!important;
        margin-right:8px!important;
        margin-left:8px!important;
        background:#fff!important;
        border:1px solid #d3d6e0!important;
        border-radius:5px!important;
        padding:10px 13px!important;
        box-shadow:none!important;
        box-sizing:border-box!important;
    }
}




/* Balanced grid cards. */
#home-products-row.grid-view{
    padding:12px 4px 2px!important;
}
#home-products-row.grid-view>.column:not(.list){
    padding:0 8px!important;
}
#home-products-row.grid-view>.column:not(.list) .product-item{
    margin-bottom:16px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(25,35,45,.06)!important;
}
#home-products-row.grid-view>.column:not(.list) .img-product-container{
    height:auto!important;
    aspect-ratio:4/3;
}
#home-products-row.grid-view>.column:not(.list) .item-details{
    padding:12px 14px!important;
    min-height:158px;
    height:158px!important;
    overflow:hidden;
    box-sizing:border-box!important;
    position:relative;
}
#home-products-row.grid-view>.column:not(.list) .item-meta{
    position:absolute;
    right:14px;
    left:14px;
    bottom:10px;
    min-height:24px;
}
#home-products-row.grid-view>.column:not(.list) .item-meta p{
    margin:0!important;
}
#home-products-row.grid-view>.column:not(.list) .product-title{
    margin:0 0 7px!important;
    font-size:15px!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
#home-products-row.grid-view>.column:not(.list) .product-user,
#home-products-row.grid-view>.column:not(.list) .state,
#home-products-row.grid-view>.column:not(.list) .state2,
#home-products-row.grid-view>.column:not(.list) .state7,
#home-products-row.grid-view>.column:not(.list) .days-ago{
    margin-bottom:5px!important;
    font-size:12px!important;
    line-height:1.5!important;
}
#home-products-row.grid-view>.column:not(.list) .price,
#home-products-row.grid-view>.column:not(.list) .price2{
    margin-top:7px!important;
    font-size:14px!important;
    line-height:1.5!important;
}

@media(max-width:576px){
    #home-products-row.grid-view{
        padding:8px 3px 0!important;
    }
    #home-products-row.grid-view>.column:not(.list){
        padding:0 5px!important;
    }
    #home-products-row.grid-view>.column:not(.list) .item-details{
        min-height:148px;
        height:148px!important;
        padding:10px 12px!important;
    }
    #home-products-row.grid-view>.column:not(.list) .item-meta{
        right:12px;
        left:12px;
        bottom:9px;
    }
    #home-products-row.grid-view>.column:not(.list) .product-title{
        font-size:14px!important;
    }
}

/* Keep the original wide page proportions. */
@media (min-width:1200px){
    .container{max-width:1350px!important}
}

/* Price range: equal fields, aligned labels and a compact action button. */
.product-filters .filter-item .price-filter-inputs>.col-md-12{
    padding:0!important;
}
.product-filters .filter-item .price-filter-inputs .row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;
    align-items:end;
    gap:8px;
    margin:0!important;
}
.product-filters .filter-item .price-filter-inputs .col-price-inputs{
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
}
.product-filters .filter-item .price-filter-inputs .col-price-inputs>span{
    display:block;
    float:none!important;
    line-height:1.4!important;
    margin:0 0 6px;
    color:var(--haraj-muted);
    font-size:12px;
}
.product-filters .filter-item .price-filter-inputs .price-filter-input{
    height:38px!important;
    padding:7px 9px!important;
}
.product-filters .filter-item .price-filter-inputs .btn-filter-price{
    width:42px;
    height:38px;
    margin:0!important;
    padding:0!important;
    border:1px solid #d9dee3;
    border-radius:8px!important;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media(max-width:576px){
    .product-filters .filter-item .price-filter-inputs .row{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;
        gap:6px;
    }
    .product-filters .filter-item .price-filter-inputs .btn-filter-price{
        width:40px;
    }
}

/* Remove only the inner title border; keep the surrounding advertisement frame. */
.product-content-left .bordr .product-content-details{
    border:0!important;
    border-bottom:2px solid #dee2e6!important;
    box-shadow:none!important;
}
@media(max-width:768px){
    .product-content-left .bordr{
        width:calc(100% - 16px)!important;
        margin-right:8px!important;
        margin-left:8px!important;
        border:1px solid #d3d6e0!important;
        border-radius:6px!important;
        background:#fff!important;
        box-shadow:none!important;
        overflow:hidden;
    }
    .product-content-left .product-content-details-mobile{
        border:0!important;
        border-bottom:2px solid #dee2e6!important;
        box-shadow:none!important;
    }
}

/* Match product-side cards with the main advertisement card on desktop only. */
@media(min-width:769px){
    #home-products-row>.column.list .item-details{
        position:relative;
        overflow:visible!important;
    }
    #home-products-row>.column.list .product-item{
        padding-top:2px!important;
        padding-bottom:2px!important;
    }
    #home-products-row>.column.list .img-product-container,
    #home-products-row>.column.list .product-title{
        position:relative;
        top:3px;
    }
    #home-products-row>.column.list .product-user>.icon-map-marker{
        display:inline-block!important;
        float:right!important;
        margin:4px 0 0 7px!important;
    }
    #home-products-row>.column.list .product-user>.state7{
        display:inline-block!important;
        float:right!important;
        width:auto!important;
        margin:0!important;
        text-align:right!important;
        white-space:nowrap!important;
    }
    #home-products-row>.column.list .product-user+div{
        display:block!important;
        float:right!important;
        clear:right!important;
        width:auto!important;
        margin:5px 0 0!important;
        direction:ltr!important;
        text-align:right!important;
    }
    #home-products-row>.column.list .product-user .state,
    #home-products-row>.column.list .days-ago,
    #home-products-row>.column.list .state2,
    #home-products-row>.column.list .icon-comment-f{
        float:left!important;
        width:110px!important;
        text-align:right!important;
        margin-left:0!important;
        margin-bottom:7px!important;
        clear:left!important;
        direction:rtl!important;
        line-height:1.45!important;
        position:relative;
        left:-35px;
    }
    #home-products-row>.column.list .product-user .state a,
    #home-products-row>.column.list .days-ago,
    #home-products-row>.column.list .state2,
    #home-products-row>.column.list .icon-comment-f>span{
        display:inline-flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:5px!important;
        direction:rtl!important;
        white-space:nowrap;
    }
    #home-products-row>.column.list .product-user .state i,
    #home-products-row>.column.list .days-ago i,
    #home-products-row>.column.list .state2 i,
    #home-products-row>.column.list .icon-comment-f i{
        margin:0!important;
        flex:0 0 auto;
    }
    #home-products-row>.column.list .product-user{
        overflow:visible!important;
        text-overflow:clip!important;
    }
    #home-products-row>.column.list .product-user .state{
        height:24px;
        overflow:visible!important;
    }
    #home-products-row>.column.list .product-user .state a,
    #home-products-row>.column.list .product-user .member-name-display{
        position:absolute!important;
        top:0;
        right:0;
        width:max-content!important;
        max-width:none!important;
        overflow:visible!important;
        text-overflow:clip!important;
        white-space:nowrap!important;
    }
    .index-wrapper #home-products-list,
    .products-wrapper .product-list-content{
        width:calc(100% - 6px)!important;
        margin-left:0!important;
    }
    .index-wrapper .sidebar-products>.product-filters:not(.d-md-none),
    .products-wrapper .sidebar-products>.product-filters:not(.d-md-none){
        margin-top:15px!important;
    }
    .product-content-right .widget-seller,
    .product-content-right .widget-location,
    .product-sidebar-banner-card,
    .related-products{
        background:#fff!important;
        border:1px solid var(--haraj-border)!important;
        border-radius:var(--haraj-radius)!important;
        box-shadow:var(--haraj-shadow)!important;
        padding:18px!important;
        margin-bottom:22px!important;
        box-sizing:border-box!important;
        overflow:hidden;
        float:none!important;
        clear:both;
        width:100%!important;
    }
    .product-content-right .widget-seller .sidebar-title,
    .product-content-right .widget-seller .sidebar-title-pics,
    .product-content-right .widget-location .sidebar-title,
    .related-products .section-title{
        border-bottom:2px solid #dee2e6!important;
        padding-bottom:10px!important;
        margin-bottom:16px!important;
    }
    .product-sidebar-banner-card .bn-lg-sidebar,
    .product-sidebar-banner-card .bn-sidebar-160{
        margin:0!important;
        min-width:0!important;
    }
}

.related-ads-card .widget-content,
.related-ads-card .widget-content .left,
.related-ads-card .sidebar-img{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    box-sizing:border-box!important;
}
.related-ads-card .sidebar-img{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.related-ads-card .sidebar-img a{
    display:block!important;
    width:100%!important;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:7px;
    background:#f1f3f4;
}
.related-ads-card .sidebar-img img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    margin:0!important;
}