/* Naif Depot — header: logo centred, menu on its right, cart/account on the left (one row) */
@media (min-width:1024px){
 #mainnav{height:auto!important}
 #mainnav .container>div{position:relative;min-height:104px;align-items:center!important;flex-wrap:nowrap!important}
 #mainnav .container>div>div:first-child{flex:1 1 auto!important;justify-content:flex-start!important}
 #mainnav .navbar-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important}
 #mainnav .navbar-brand img{height:72px!important;max-height:none!important;width:auto!important}
 #mainnav custom-main-menu{display:flex;justify-content:flex-start}
 #mainnav custom-main-menu a{font-size:16px!important;font-weight:600!important}
 /* oud first, majlis second */
 #mainnav custom-main-menu ul.main-menu>li{order:2!important}
 #mainnav custom-main-menu ul.main-menu>li:has(a[href*="incense"]){order:1!important}
}
@media (max-width:1023px){
 #mainnav .navbar-brand img{height:44px!important;max-height:none!important;width:auto!important}
}

/* dark top bar: brand brown, cream links */
header .top-navbar{background:#1e1712!important;border:0!important}
header .top-navbar a,header .top-navbar span{color:#e9d9b6!important}
header .top-navbar input{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:transparent!important}
/* reserve logo space so the header does not jump while the logo loads */
#mainnav .navbar-brand img{aspect-ratio:360/152!important}
/* homepage: reserve section heights so the page does not jump while Salla renders them (order: hero, block A, featured products) */
body.index main>section:nth-of-type(1){min-height:125vw}
body.index main>section:nth-of-type(2){min-height:500px}
body.index main>section:nth-of-type(3){min-height:580px}
@media (min-width:641px){body.index main>section:nth-of-type(1){min-height:calc(min(100vw,1240px)*.38)}}
@media (min-width:641px) and (max-width:1023px){body.index main>section:nth-of-type(2){min-height:680px}body.index main>section:nth-of-type(3){min-height:900px}}
@media (min-width:1024px){body.index main>section:nth-of-type(2){min-height:600px}body.index main>section:nth-of-type(3){min-height:700px}}
/* product page: price shown once (under the title), hide empty "You may also like" */
body.product-single form.product-form>section.flex.bg-white:not(.sticky-product-bar){display:none}
body.product-single div.container:has(>salla-products-slider):not(:has(custom-salla-product-card,salla-product-card)){display:none}
/* mobile sticky bar: add a label next to the cart icon */
@media (max-width:767px){
 .sticky-product-bar .s-add-product-button-main button.s-button-element:has(svg){padding-inline:6px!important;overflow:visible!important}
 .sticky-product-bar .s-add-product-button-main .s-button-text:has(>svg){display:flex;align-items:center;justify-content:center;gap:5px;overflow:visible!important}
 .sticky-product-bar .s-add-product-button-main .s-button-text:has(>svg)::after{content:'أضف للسلة';font-size:13px;font-weight:600;white-space:nowrap}
}/* mobile: announcement bar on one line */
@media (max-width:767px){
 .s-advertisement-content-main{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;display:block!important;min-width:0}
 .s-advertisement-content{min-width:0;overflow:hidden}
}