/*mj-v19 header blue + stacked logo*/
header nav.navbar{background:#0074BA!important;border-bottom:0!important;min-height:100px}
header nav.navbar .nav-link, header nav.navbar .navbar-text, header nav.navbar .dropdown-toggle{color:#fff!important}
header nav.navbar .dropdown-menu .dropdown-item{color:inherit!important}
header nav.navbar .navbar-toggler{border-color:rgba(255,255,255,.6)!important}
header nav.navbar .navbar-toggler-icon{filter:invert(1) brightness(2)}
header img.main-logo{height:90px!important;width:auto!important;max-width:none!important}
/*mj-v19 top banners below the fixed header*/
#mjtopads{margin-top:112px!important}
#mjtopads ~ .hero-wrap.prevent-header-overlap{padding-top:0!important;margin-top:0!important}
/*mj-v19 hero: spice souk photo, compact*/
.hero-wrap{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Colourful_spices_in_Dubai_Spice_Souk_2018.jpg/1920px-Colourful_spices_in_Dubai_Spice_Souk_2018.jpg") center/cover no-repeat!important;min-height:250px!important;height:auto!important}
/*mj-v19 gap*/
#mjtopads ~ main .page-section--search-form{padding-top:0!important}
/*mj-v19 stuck header stays blue*/
header nav.navbar.header-is-stuck, header nav.navbar.navbar-sticky, header nav.navbar.fixed-top{background:#0074BA!important}
/*mj-v19 plans page banner map*/
.sf .sf-adsmap{border:1px solid #E4E1D8;border-radius:14px;overflow:hidden;background:#F7F6F2;font-size:13px;font-weight:700;text-align:center}
.sf .sf-adsmap-head{background:#0074BA;color:#fff;padding:8px 12px;text-align:left;font-weight:600}
.sf .sf-adsmap-row{display:flex;gap:8px;padding:10px}
.sf .sf-adsmap-hero{flex:3;min-height:120px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}
.sf .sf-adsmap-side{flex:1;min-height:120px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}
.sf .sf-adsmap-prem{background:#A85200;color:#fff}
.sf .sf-adsmap-pro{background:#E8A317;color:#1C1B19}
.sf .sf-adsmap small{font-weight:500;opacity:.9}
.sf .sf-adsmap-search{margin:0 10px 10px;padding:16px;border:1px dashed #C9C4B8;border-radius:10px;color:#6B665C;font-weight:500}
/*mj-v19 header all pages*/
html body header nav.navbar.navbar{background-color:#0074BA!important}/*mj-v19 header links*/
html body header nav.navbar.navbar .nav-link:not(.btn), html body header nav.navbar.navbar .navbar-nav > li > a:not(.btn){color:#fff!important}
/* mj header offset (inner pages) */
html body:not(.is-sectioned-page) main{padding-top:124px!important}
/*mj-nofouc: nouveau menu blanc des le chargement, ancien contenu masque jusqu'au script*/
@keyframes mjshow{to{visibility:visible}}
html body header nav.navbar,html body header nav.navbar.header-is-stuck,html body header nav.navbar.navbar-sticky,html body header nav.navbar.fixed-top{background:#fff!important;background-color:#fff!important;box-shadow:0 1px 0 #e5e7eb,0 2px 10px rgba(0,0,0,.04)}
html body header nav.navbar .nav-link:not(.btn),html body header nav.navbar .navbar-text,html body header nav.navbar .dropdown-toggle:not(.btn){color:#1c1b19!important}
html body header nav.navbar .navbar-toggler-icon{filter:none!important}
html body header nav.navbar .navbar-toggler{border-color:#d1d5db!important}
html:not(.mjok) header nav.navbar .navbar-collapse,html:not(.mjok) header nav.navbar .navbar-toggler,html:not(.mjok) #page-section-1,html:not(.mjok) #page-section-3{visibility:hidden;animation:mjshow 0s 12s forwards}
html body #mjtopads{margin-top:calc(var(--mjhdr,116px) + 14px)!important}
/*mj-premium: Premium Listings au style des autres sections*/

html body #page-section-9>.container>.card{border:0!important;background:transparent!important;box-shadow:none!important}
html body #page-section-9 .card-header{background:transparent!important;border:0!important;padding:0 0 14px!important;display:flex;align-items:center;justify-content:space-between}
html body #page-section-9 .card-header h4{font-family:inherit;font-weight:800!important;font-size:26px;color:#1c1b19;display:flex;align-items:center;gap:10px;float:none!important}
html body #page-section-9 .card-header h4 strong{font-weight:800}
html body #page-section-9 .card-header h4:before{content:'\f005';font-family:'Font Awesome 6 Free';font-weight:900;color:#f59e0b;font-size:22px}
html body #page-section-9 .card-header h5{float:none!important;margin:0!important}
html body #page-section-9 .card-header h5 a{color:#f97316!important;font-weight:700;font-size:14px;text-transform:none}
html body #page-section-9>.container>.card>.card-body{padding:0!important;background:transparent!important}
html body #page-section-9 .item.card{height:330px!important;border:1px solid #e5e7eb!important;border-radius:12px!important;overflow:hidden;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
html body #page-section-9 .item.card:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-2px)}
html body #page-section-9 .item-carousel-thumb{height:180px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;border-bottom:1px solid #f1f1f1}
html body #page-section-9 .item-carousel-thumb>a,html body #page-section-9 .item-carousel-thumb picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
html body #page-section-9 .item-carousel-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
html body #page-section-9 .item-carousel-thumb>.position-absolute{font-size:11px;background:rgba(255,255,255,.9)!important;opacity:1!important;color:#555;z-index:3}
html body #page-section-9 .item .card-body{padding:12px 14px 14px!important;justify-content:space-between!important}
html body #page-section-9 .item h6{text-align:left!important;font-size:15px!important;line-height:1.35;font-weight:700;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #page-section-9 .item h6 a{color:#1c1b19!important;font-family:inherit}
html body #page-section-9 .item h6 a:hover{color:#f97316!important}
html body #page-section-9 .item h4{text-align:left!important;font-size:19px!important;margin:8px 0 0!important;color:#f97316;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-section-9 .item h4 span{color:#dc2626!important}
html body #page-section-9 .item h4 s{font-size:13px!important;margin-left:4px}html body #page-section-9 .item.card{height:316px!important}html body #page-section-9 .item-carousel-thumb{flex:0 0 200px!important;height:200px!important;min-height:200px}html body #page-section-9 .item .card-body{flex:1 1 auto!important;height:auto!important}
/*mj-listing: pages annonce/fournisseur standard*/
.thumbs-gallery{scrollbar-width:none!important;-ms-overflow-style:none}
.thumbs-gallery::-webkit-scrollbar{display:none!important}
.sfq-body{overflow-x:hidden!important;scrollbar-width:thin}
.sfq-body input,.sfq-body textarea,.sfq-body select{max-width:100%;box-sizing:border-box}
.gallery-container .p-price-tag.mjhide{display:none!important}
.detail-line-content{font-size:15px;line-height:1.65;color:#1f2937}
.detail-line-content p{margin-bottom:10px}
.detail-line-content p.mjcredit,.detail-line-content p.mjcredit a{font-size:11px!important;color:#9ca3af!important;line-height:1.4}
a.mjmaps{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#f97316!important;text-decoration:none;word-break:normal}
.col-6.text-sm-end a{word-break:break-all}
.gallery-container .main-gallery img{object-fit:contain}
/*mj-search: page annonces + categories*/
#searchForm>.row>.bg-primary{background:#fff!important;border:1px solid #e5e7eb;border-radius:14px!important;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:8px!important;gap:0}
#searchForm .form-control,#searchForm .form-select{height:50px;border:1px solid #e5e7eb!important;border-radius:10px!important;font-size:15px;box-shadow:none!important}
#searchForm button[type=submit],#searchForm .btn-primary{height:50px;background:#f97316!important;border-color:#f97316!important;border-radius:10px!important;font-weight:800;font-size:16px}
#searchForm button[type=submit]:hover{background:#ea580c!important}
#categoryBadge{display:none!important}
.mjcatchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 12px}
.mjcatchips::-webkit-scrollbar{display:none}
.mjcatchips a{flex:0 0 auto;padding:8px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#1c1b19!important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.mjcatchips a:hover,.mjcatchips a.on{background:#fff7ed;border-color:#fb923c;color:#c2410c!important}
.grid-view>.item-list>div{border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;padding:0!important;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.grid-view>.item-list>div:hover{box-shadow:0 8px 22px rgba(0,0,0,.09)!important;transform:translateY(-2px)}
.grid-view>.item-list>div>.row{margin:0!important}
.grid-view .main-image .container{margin:0!important;padding:12px!important;height:210px;max-width:none!important;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #f1f1f1}
.grid-view .main-image a,.grid-view .main-image picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.grid-view .main-image img{width:100%!important;height:100%!important;object-fit:contain;border-radius:0!important}
.grid-view .item-list .col-12.mt-3{margin-top:10px!important}
.grid-view .item-list .px-3{padding:0 14px!important}
.grid-view .item-list h5.fs-5{font-size:15px!important;font-weight:700!important;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid-view .item-list h5.fs-5 a{color:#1c1b19!important}
.grid-view .item-list h5.fs-5 a:hover{color:#f97316!important}
.grid-view .item-list .text-secondary,.grid-view .item-list .text-secondary a{font-size:12px!important;color:#6b7280!important}
.grid-view .item-list h5.fs-4{font-size:19px!important;font-weight:800!important;color:#f97316!important;text-align:left!important;margin:0!important}
#listingType .nav-link.active{color:#1c1b19!important;font-weight:800}
.main-container .ads-parent-responsive{display:flex;justify-content:center}
/*mj-housead responsive*/
.mj-house-ad{max-width:100%!important;box-sizing:border-box!important}
@media(max-width:991px){.mj-house-ad{width:100%!important;flex-wrap:wrap!important;height:auto!important}.mj-house-ad>*:first-child{display:none!important}.mj-house-ad *{max-width:100%;box-sizing:border-box}}
/*mj-searchpro*/
.mjsh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:6px 0 14px}
.mjsh h1{font-size:28px;font-weight:800;color:#1c1b19;margin:0}
.mjsh p{margin:4px 0 0;color:#6b7280;font-size:14px}
.mjsh .mjtools ul{margin:0}
.mjsh .mjtools .dropdown>a,.mjsh .mjtools .dropdown button{color:#1c1b19!important;font-weight:700;text-transform:none!important}
.mjsh .mjtools .btn-group .btn{border-color:#e5e7eb!important;color:#6b7280!important;background:#fff!important}
.mjsh .mjtools .btn-group .btn.active,.mjsh .mjtools .btn-group .btn:hover{background:#fff7ed!important;color:#c2410c!important;border-color:#fdba74!important}
.mjfilt{background:transparent!important;border:0!important;padding:0 0 10px!important}
#myTabContent,#myTabContent>.tab-pane>.container{border:0!important;background:transparent!important;padding-left:0!important;padding-right:0!important}
#contentAll .grid-view{margin:0 -7px!important}
@media(min-width:1400px){#contentAll .grid-view>.item-list{flex:0 0 20%!important;max-width:20%!important;width:20%!important}
}
#contentAll .grid-view>.item-list{padding:7px!important;margin:0!important}
.make-grid~*,.noSideBar>.container.border-bottom.py-2.mt-3{border-radius:12px}
.pagination .page-link{border-radius:8px!important;margin:0 3px;color:#1c1b19;border-color:#e5e7eb}
.pagination .active .page-link,.pagination .page-item.active .page-link{background:#f97316!important;border-color:#f97316!important;color:#fff!important}
.mjfillc .mjfc{height:100%;min-height:260px;border:2px dashed #fdba74;border-radius:12px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px;text-decoration:none;color:#9a3412}
.mjfillc .mjfc i{font-size:32px;color:#f97316}
.mjfillc .mjfc b{font-size:17px;color:#1c1b19}
.mjfillc .mjfc span{font-size:13px;color:#6b7280}
.mjfillc .mjfc:hover{background:#ffedd5}
/*mj-gridcards: cartes produits uniformes (recherche, categories)*/
.grid-view .item-list>div{display:flex;flex-direction:column;padding:10px!important;border-radius:12px!important;background:#fff}
.grid-view .item-list>div>.row{flex:1;margin:0!important;flex-wrap:nowrap}
.grid-view .item-list .main-image{height:200px;overflow:hidden;background:#fff;border-radius:8px}
.grid-view .item-list .main-image .container{margin:0!important;padding:0;height:200px;display:flex;align-items:center;justify-content:center}
.grid-view .item-list .main-image img{width:100%!important;height:200px!important;object-fit:contain}
.grid-view .item-list .col-12.mt-3{margin-top:10px!important}
.grid-view .item-list .col-12.mt-3 .px-3{padding:0 4px!important}
.grid-view .item-list h5.fs-5{font-size:15px!important;line-height:1.35!important;font-weight:600!important;margin:0 0 6px!important;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid-view .item-list ul.list-inline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.grid-view .item-list ul.list-inline li{display:inline}
.grid-view .item-list>div>.row>.col-12:last-child{margin-top:auto}
.grid-view .item-list>div>.row>.col-12:last-child>.row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin:8px 0 0!important;padding:0 4px}
.grid-view .item-list>div>.row>.col-12:last-child>.row>.col-12{width:auto!important;flex:0 0 auto;padding:0!important;text-align:left!important}
.grid-view .item-list>div>.row>.col-12:last-child h5{margin:0!important;font-size:18px!important;white-space:nowrap}
.grid-view .item-list>div>.row>.col-12:last-child h5 s{font-size:12px;color:#9ca3af;font-weight:500;margin-left:6px}
.grid-view .item-list .make-favorite{width:34px;height:34px;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important}
.grid-view .item-list .make-favorite span{display:none!important}
.grid-view .item-list .make-favorite.active{color:#dc2626!important;border-color:#fecaca!important;background:#fef2f2!important}
.grid-view .item-list .make-favorite.btn-danger{width:auto!important;height:26px!important;border-radius:20px!important;padding:0 9px!important;background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important;font-size:11.5px!important;font-weight:700;gap:4px;margin-right:6px!important}.grid-view .item-list .make-favorite.btn-danger span{display:inline!important}.grid-view .item-list .make-favorite.btn-danger i{font-size:11px}
.grid-view .item-list .make-favorite i{font-size:15px}
.grid-view>.container.border.rounded.fs-5.fw-bold.text-center{display:none!important}
/* mj-authbg: auth pages photo (Deira creek, no people) */
.hero-bg[style*="auth/login-bg"]{background-image:url(/mj/asset/hero-creek.webp)!important;background-position:78% 0%!important;background-size:auto 210%!important;background-repeat:no-repeat!important}

/* mj-account: modern seller area (account pages) */
.mj-acct body{background:#f6f7f9}
.mj-acct .card,.mj-acct .inner-box,.mj-acct .page-content .card{border:1px solid #e7e9ee!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;overflow:hidden}
.mj-acct .card-header{background:#fff!important;border-bottom:1px solid #eef0f3!important;font-weight:700}
.mj-acct .list-group-item{border-color:#eef0f3!important;font-size:.92rem;padding:.6rem .9rem;transition:background .15s}
.mj-acct .list-group-item:hover{background:#fff7ed}
.mj-acct .list-group-item.active,.mj-acct .list-group-item.active:hover{background:#0074BA!important;border-color:#0074BA!important;color:#fff!important;border-radius:8px}
.mj-acct .form-control,.mj-acct .form-select{border-radius:10px!important;border-color:#d8dce3!important;min-height:42px}
.mj-acct textarea.form-control{min-height:110px}
.mj-acct .form-control:focus,.mj-acct .form-select:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.15)!important}
.mj-acct label,.mj-acct .form-label{font-weight:600;font-size:.84rem;color:#344054;margin-bottom:.3rem}
.mj-acct .btn-primary,.mj-acct .btn-success{background:#f97316!important;border-color:#f97316!important;border-radius:10px;font-weight:600;padding:.55rem 1.2rem}
.mj-acct .btn-primary:hover,.mj-acct .btn-success:hover{background:#ea580c!important;border-color:#ea580c!important}
.mj-acct .alert-info,.mj-acct .alert-primary{border-radius:12px;border:0;background:#eff6ff;color:#1e3a8a}
.mj-acct .mj-sec{margin:22px 0 10px;padding-bottom:6px;border-bottom:2px solid #f97316;font-weight:800;font-size:1rem;color:#0b2540;width:100%}
.mj-acct .mj-hint{font-size:.82rem;color:#667085;margin:4px 0 8px}
.mj-acct #sf-pick{border-radius:12px;border:1px solid #e7e9ee;min-height:320px}
.mj-acct .mj-done{background:#fff;border:1px solid #fde2c8;border-radius:14px;padding:14px 16px;margin-bottom:18px}
.mj-acct .mj-done-h{display:flex;justify-content:space-between;font-weight:700;color:#0b2540}
.mj-acct .mj-done-h b{color:#f97316}
.mj-acct .mj-bar{height:8px;background:#f1f3f6;border-radius:6px;margin:8px 0 10px;overflow:hidden}
.mj-acct .mj-bar i{display:block;height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:6px;transition:width .3s}
.mj-acct .mj-done ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.85rem;color:#98a2b3}
.mj-acct .mj-done li.ok{color:#16a34a;font-weight:600}
.mj-acct .mj-err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:.88rem}
.mj-acct .mj-empty{text-align:center;background:#fff;border:1px dashed #f5b37f;border-radius:16px;padding:36px 20px;margin:10px 0}
.mj-acct .mj-empty-ic{font-size:40px}
.mj-acct .mj-empty h3{font-size:1.2rem;font-weight:800;margin:8px 0 6px;color:#0b2540}
.mj-acct .mj-empty p{color:#667085;max-width:460px;margin:0 auto 16px}
.mj-acct .mj-btn{display:inline-block;background:#f97316;color:#fff!important;border-radius:10px;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;margin:4px}
.mj-acct .mj-btn2{display:inline-block;background:#fff;color:#0074BA!important;border:1px solid #0074BA;border-radius:10px;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;margin:4px}
.mj-acct table.table{background:#fff;border-radius:12px;overflow:hidden}
@media (max-width:767px){.mj-acct #sf-pick{min-height:260px}.mj-acct .mj-done ul{gap:4px 10px}}

/* mj-claim */
.mj-claim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;max-width:1200px;margin:12px auto;padding:10px 16px;background:#fff7ed;border:1px solid #fde2c8;border-radius:12px;font-size:.9rem;color:#475467}
.mj-claim b{color:#0b2540}
.mj-claim a{background:#f97316;color:#fff!important;border-radius:9px;padding:.4rem .9rem;font-weight:700;text-decoration:none;white-space:nowrap}
.mj-claim a:hover{background:#ea580c}