/* Header triggers only. Dropdown, notifications and search panels keep their own styles. */
.header.desktop .left-side{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;width:auto;flex-shrink:0;direction:rtl}
.header.desktop .left-side>.search-area,.header.desktop .left-side>.notification_holder,.header.desktop .left-side>.user_nav_header,.header.desktop .left-side>.zf-header-subscribe{margin:0!important;padding:0;flex-shrink:0;width:auto}
.header.desktop .left-side>.search-area~.notification_holder,.header.desktop .left-side>.zf-header-subscribe,.header.desktop .left-side>.user_nav_header{margin-right:12px!important}
.header.desktop .left-side>.search-area>.btn-area,.header.desktop .left-side>.notification_holder>.notification_title{display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:10px;background:#141619;color:#f2f2f2;padding:0;margin:0;cursor:pointer}
.header.desktop .left-side>.search-area>.btn-area>.icon,.header.desktop .left-side>.notification_holder>.notification_title>.icon{width:21px;height:21px;fill:currentColor;color:inherit;margin:0;opacity:1}
.header.desktop .left-side>.zf-header-subscribe,.header.desktop .left-side>.user_nav_header .user_nav_title>.btnLoginHeader{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;border-radius:10px;padding:0 16px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:none}
.header.desktop .left-side>.zf-header-subscribe{background:#ef8b06;color:#17110a;border:1px solid #ef8b06}
.header.desktop .left-side>.user_nav_header .user_nav_title>.btnLoginHeader{background:#141619;color:#f2f2f2;border:1px solid #ffffff1f}
.header.desktop .left-side>.user_nav_header .user_nav_title>.user_pro_holder{display:flex;flex-wrap:nowrap;align-items:center;min-height:44px;gap:0;color:#f2f2f2;padding:0;margin:0}
.header.desktop .left-side .user_nav_title>.user_pro_holder>.avatar_user{width:44px;height:44px;flex-shrink:0}
.header.desktop .left-side .user_nav_title>.user_pro_holder>.avatar_user img{display:block;width:44px;height:44px;object-fit:cover;border-radius:10px}
.header.desktop .left-side .user_nav_title>.user_pro_holder>.user_name_holder{margin:0 10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5}
.header.desktop .left-side .user_nav_title>.user_pro_holder>.icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.header.desktop .left-side>.notification_holder>.notification_title>.count_notif{display:flex;align-items:center;justify-content:center;min-width:18px;width:auto;height:18px;box-sizing:border-box;padding:0 4px;line-height:18px;font-size:10px;border:0;border-radius:10px;background:#ef8b06;color:#17110a;top:-6px;right:-6px}
.header.desktop .left-side>.search-area>.btn-area:hover,.header.desktop .left-side>.notification_holder>.notification_title:hover,.header.desktop .left-side .user_nav_title>.btnLoginHeader:hover{background:#24272b;border-color:#ffffff40}
.header.desktop .left-side>.zf-header-subscribe:hover{background:#ffa31a;border-color:#ffa31a}
.header.desktop .left-side>.zf-header-subscribe:focus-visible,.header.desktop .left-side .user_nav_title>.btnLoginHeader:focus-visible{outline:2px solid #ffad49;outline-offset:3px}
@media(min-width:761px) and (max-width:1250px){.header.desktop .left-side .user_nav_title>.user_pro_holder>.user_name_holder{max-width:75px}.header.desktop .left-side>.search-area~.notification_holder,.header.desktop .left-side>.zf-header-subscribe,.header.desktop .left-side>.user_nav_header{margin-right:8px!important}}
/* Compact mobile header; do not style the search/notification panel contents. */
.header.mobile .content-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:12px 14px}
.header.mobile .content-wrapper>.site-logo{flex:0 1 104px;min-width:70px;margin:0 12px 0 0}
.header.mobile .content-wrapper>.site-logo img{width:100%;max-width:104px;height:auto;display:block}
.header.mobile .nav-mobile-items{display:flex;align-items:center;flex-wrap:nowrap;margin:0;padding:0;flex-shrink:0}
.header.mobile .nav-mobile-items>.search-area,.header.mobile .nav-mobile-items>.notification_holder{margin:0 0 0 8px;padding:0;width:36px;flex:0 0 36px}
.header.mobile .nav-mobile-items>.search-area>.btn-area,.header.mobile .nav-mobile-items>.notification_holder>.notification_title{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;box-sizing:border-box;background:#141619;border:1px solid #ffffff1f;border-radius:9px;color:#f2f2f2}
.header.mobile .nav-mobile-items>.search-area>.btn-area>.icon,.header.mobile .nav-mobile-items>.notification_holder>.notification_title>.icon{width:19px;height:19px;fill:currentColor;color:inherit;opacity:1;margin:0}
.header.mobile .nav-mobile-items>.zf-header-subscribe,.header.mobile .accountlinkh.loginoutbtn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-height:36px;padding:0 10px;border-radius:9px;font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;margin:0}
.header.mobile .nav-mobile-items>.zf-header-subscribe{background:#ef8b06;color:#17110a;border:1px solid #ef8b06}
.header.mobile .accountlinkh.loginoutbtn{background:#141619;color:#f2f2f2;border:1px solid #ffffff1f;margin-right:8px}
.header.mobile .accountlinkh.loginoutbtn .navigation_label{font-size:inherit;line-height:inherit;color:inherit}
.header.mobile .content{display:flex;align-items:center;flex-wrap:nowrap;padding:0 12px;box-sizing:border-box}
.header.mobile .content-wrapper{padding:12px 0;flex:1;min-width:0}
.header.mobile .content-wrapper>.site-logo{margin:0 0 0 12px}
.header.mobile .nav-mobile-items>.notification_holder>.notification_title>.count_notif{min-width:16px;width:auto;height:16px;line-height:16px;padding:0 3px;font-size:9px;background:#ef8b06;color:#17110a;border:0;top:-5px;right:-5px;border-radius:8px;box-sizing:border-box}
@media(max-width:360px){.header.mobile .content{padding:0 8px}.header.mobile .content-wrapper>.site-logo{flex-basis:76px;min-width:60px;margin-left:8px}.header.mobile .nav-mobile-items>.search-area,.header.mobile .nav-mobile-items>.notification_holder{margin-left:6px}.header.mobile .nav-mobile-items>.zf-header-subscribe,.header.mobile .accountlinkh.loginoutbtn{padding:0 7px;font-size:10px}.header.mobile .accountlinkh.loginoutbtn{margin-right:6px}}

/* Mobile signed-in actions and viewport-contained panels. */
.header.mobile .nav-mobile-items>.search-area,.header.mobile .nav-mobile-items>.notification_holder{margin:0!important;padding:0!important}
.header.mobile .nav-mobile-items>.search-area{margin-right:8px!important}
.header.mobile .nav-mobile-items>.zf-header-subscribe{margin-right:8px!important}
.header.mobile.zf-mobile-authenticated .content-wrapper{flex-wrap:nowrap;justify-content:space-between;position:relative}
.header.mobile.zf-mobile-authenticated .content-wrapper>.site-logo{order:0;margin:0 0 0 8px;flex:0 1 76px;min-width:48px}
.header.mobile.zf-mobile-authenticated .content-wrapper>.user_nav_header{order:2;margin:0 8px 0 0;padding:0;width:auto;min-width:0;flex:0 1 auto}
.header.mobile.zf-mobile-authenticated .nav-mobile-items{order:1;width:auto;justify-content:flex-end;margin-top:0}
.header.mobile .user_nav_title>.user_pro_holder{display:flex;align-items:center;flex-wrap:nowrap;color:#f2f2f2}
.header.mobile .user_nav_title>.user_pro_holder>.avatar_user img{display:block;width:36px;height:36px;border-radius:9px;object-fit:cover}
.header.mobile .user_nav_title>.user_pro_holder>.user_name_holder{display:block!important;font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 8px}
.header.mobile .user_nav_title>.user_pro_holder>.icon{display:block!important;width:14px;height:14px;fill:currentColor}
.header.mobile .notification_holder{position:static!important}
.header.mobile .notification_holder .drop_notifications{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%;max-width:100%;box-sizing:border-box;z-index:1000}
.header.mobile .notification_holder .drop_notifications .inner_drop_notifications{width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #30343d;border-radius:14px;background:#141821;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:65vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 12px 30px #0008}
.header.mobile .notification_holder .drop_notifications .inner_drop_notifications:before{content:none}
.header.mobile .notification_holder .drop_notifications ul li{box-sizing:border-box;width:100%;padding:16px;overflow-wrap:anywhere}
.header.mobile .notification_holder .drop_notifications ul li p{font-size:12px;line-height:1.9}
.header.mobile .notification_holder .drop_notifications ul li .label_notif{font-size:14px}
.header.mobile .user_nav_header .drop_menu_holder{left:0;right:auto;max-width:calc(100vw - 24px)}
.header.mobile .user_nav_header.account_menu .drop_menu_holder .inner_drop_menu_holder{box-sizing:border-box;width:360px;max-width:calc(100vw - 24px)}

.header.mobile.zf-mobile-authenticated .user_nav_title>.user_pro_holder>.avatar_user{flex:0 0 30px}
.header.mobile.zf-mobile-authenticated .user_nav_title>.user_pro_holder>.avatar_user img{width:30px;height:30px}
.header.mobile.zf-mobile-authenticated .user_nav_title>.user_pro_holder>.user_name_holder{max-width:48px;min-width:0;font-size:11px;margin:0 5px}
.header.mobile.zf-mobile-authenticated .user_nav_title>.user_pro_holder>.icon{width:10px;height:10px;flex-shrink:0}
.header.mobile.zf-mobile-authenticated .nav-mobile-items>.zf-header-subscribe{padding:0 7px;font-size:10px}
@media(max-width:360px){.header.mobile.zf-mobile-authenticated .user_nav_title>.user_pro_holder>.user_name_holder{max-width:30px}.header.mobile.zf-mobile-authenticated .content-wrapper>.site-logo{flex-basis:54px;min-width:40px;margin-left:6px}.header.mobile.zf-mobile-authenticated .content-wrapper>.user_nav_header{margin-right:6px}}

/* Desktop order, right to left: subscription, search, notifications, account. */
.header.desktop .left-side>.zf-header-subscribe{margin-right:0!important}
.header.desktop .left-side>.search-area{margin-right:12px!important}
@media(min-width:761px) and (max-width:1250px){.header.desktop .left-side>.search-area{margin-right:8px!important}}