/* Phone-only category swiping. Original logo strip and hero positions retained. */
.mobile-swipe-hint{display:none}
@media(max-width:600px){
 html body.editorial-mode #app .catalog-category-buttons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;scroll-snap-type:x proximity;scrollbar-width:none;margin:0!important;padding:0!important;min-height:44px;width:100%;box-sizing:border-box}
 html body.editorial-mode #app .catalog-category-buttons::-webkit-scrollbar{display:none}
 html body.editorial-mode #app .catalog-category-buttons>button{flex:0 0 auto!important;white-space:nowrap!important;min-height:44px!important;padding:10px 16px!important;scroll-snap-align:start;max-width:none!important;font-size:12px!important}
 .mobile-category-swipe{position:relative;min-width:0;margin:12px 0 10px}
 .mobile-swipe-hint{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;color:#687b72;font-size:11px;line-height:16px}
 .mobile-swipe-hint strong{font-weight:600;color:#35574a}
 html body.editorial-mode.editorial-home #app #shop-by-category{margin-top:-24px;padding-top:16px;position:relative;background:#fff}
}
@media(min-width:601px){.mobile-category-swipe{display:contents}}

/* Lift the complete phone homepage assistant clear of the section boundary. */
@media(max-width:600px){html body.editorial-mode.editorial-home #mahmalji-chat:not(.mc-open){bottom:calc(max(14px,env(safe-area-inset-bottom)) + 12px)!important}}

/* Compact product identity spacing on the shared product layout. */
html body.editorial-mode.product-format-preview #app .product-main-intro>.product-title{margin-bottom:12px!important}
html body.editorial-mode.product-format-preview #app .product-main-intro>.product-main-highlights{margin-top:8px!important}
@media(max-width:600px){
 html body.editorial-mode.product-format-preview #app .product-main-intro>.product-title{margin-bottom:8px!important}
 html body.editorial-mode.product-format-preview #app .product-main-highlights>h2{margin-bottom:8px!important}
 html body.editorial-mode.product-format-preview #app .product-breadcrumb{padding-block:6px!important}
 html body.editorial-mode.product-format-preview #app .product-buybar-inner{padding-block:5px!important}
 html body.editorial-mode.product-format-preview #app>.section.detail{padding-top:12px!important;row-gap:12px!important}
}

/* Bring the phone hero heading and brand signature closer to the existing divider. */
@media(max-width:600px){html body.editorial-mode.editorial-home.editorial-home #app .home-film-copy{bottom:calc(155px + max(14px,env(safe-area-inset-bottom)))}}

/* A single compact search row inside the phone navigation menu. */
@media(max-width:600px){
 html body .site-menu .site-menu-search{display:flex!important;align-items:center!important;gap:0!important;box-sizing:border-box;height:44px!important;min-height:44px!important;padding:0!important;margin-bottom:4px!important}
 html body .site-menu .site-menu-search input{flex:1 1 auto!important;width:0!important;min-width:0!important;box-sizing:border-box;height:42px!important;padding:10px 12px!important;font-size:16px!important;line-height:22px!important}
 html body .site-menu .site-menu-search>button{flex:0 0 44px!important;width:44px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important}
 html body .site-menu .site-menu-search>button svg{width:20px;height:20px}
}

/* Remove the homepage film link while keeping the video playback controls. */
html body.editorial-mode #app .home-film-controls .home-film-watch{display:none!important}

/* The Arabic phone language control is near the left edge; open its list inward. */
@media(max-width:600px){html[lang="ar"] body .site-language .site-language-options{left:0!important;right:auto!important;inset-inline-start:0!important;inset-inline-end:auto!important;max-width:calc(100vw - 24px)}}
