.demo-php-header{--usermenu-height:40px;--demo-header-offset:165px}.demo-php-header .ff-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;box-sizing:border-box;height:var(--usermenu-height);font-size:13px;background-color:#1a1a1a;border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 2px 6px rgba(0,0,0,.4)}.demo-php-header .ff-topbar ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}.demo-php-header .ff-topbar__left .fotoferia-logo-img,.demo-php-header .ff-topbar__left img{height:28px;width:auto;display:block}.demo-php-header .ff-topbar__right>ul>li.menuitem{margin-right:16px;line-height:var(--usermenu-height);position:relative}.demo-php-header .ff-topbar__right>ul>li.menuitem:has(.menucontainer){padding-bottom:4px;margin-bottom:-4px}.demo-php-header .ff-topbar__right>ul>li.menuitem:last-child{margin-right:0}.demo-php-header .ff-topbar__publish{display:flex;align-items:center;gap:8px}.demo-php-header .ff-btn-publish{background:#2b2b2b;color:#fff;padding:6px 18px;border-radius:22px;font-size:13px;font-weight:500;text-decoration:none;border:1px solid #444;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center}.demo-php-header .ff-btn-publish:hover{background:#3a3a3a;border-color:#555;transform:translateY(-1px)}.demo-php-header .publish-premium-link-desktop{padding:4px 10px;background:linear-gradient(135deg,#4a2c5a,#5a3c6a);color:gold;text-decoration:none;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #6a4c7a;white-space:nowrap}.demo-php-header .publish-premium-link-desktop:hover{background:linear-gradient(135deg,#5a3c6a,#6a4c7a);border-color:#7a5c8a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,215,0,.3)}.demo-php-header .ff-top-icon{position:relative}.demo-php-header .ff-top-icon .menulink{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ddd;text-decoration:none;border-radius:6px;transition:background .15s ease,transform .15s ease;border:none;background:none;cursor:pointer;padding:0}.demo-php-header .ff-top-icon .menulink:hover{background:hsla(0,0%,100%,.1);color:#fff}.demo-php-header .ff-icon{font-size:18px;line-height:1}.demo-php-header .ff-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#ffbf00}.demo-php-header .ff-notify-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ffbf00;color:#1a1200;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.demo-php-header .ff-top-stats-inner{display:flex;align-items:center;gap:10px;font-size:11px;color:#ccc;white-space:nowrap}.demo-php-header .ff-stat-ranking{color:#ffbf00;text-decoration:none}.demo-php-header .ff-stat-photos{color:inherit;text-decoration:none}.demo-php-header .ff-stat-sep{color:#555}.demo-php-header .ff-topbar__lang img{width:26px;height:18px;display:block}.demo-php-header .search-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ddd;text-decoration:none;border-radius:6px}.demo-php-header .search-trigger:hover{background:hsla(0,0%,100%,.1);color:#fff}.demo-php-header .login-desktop-link{color:#fff;font-weight:700;font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.demo-php-header .login-desktop-link:hover{color:#ffbf00}.demo-php-header .ff-topbar .menucontainer{display:none;position:absolute;top:100%;right:0;min-width:220px;margin-top:0;background:#1e1e28;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.45);z-index:10050;padding:6px 0}.demo-php-header .ff-topbar .menucontainer:before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px}.demo-php-header .ff-topbar li.menu-open>.menucontainer{display:block}.demo-php-header .ff-topbar .menucontainer ul{display:block;flex-direction:column}.demo-php-header .ff-topbar .menucontainer li{margin:0;line-height:normal}.demo-php-header .ff-topbar .menucontainer a{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#e5e5e5;text-decoration:none;font-size:13px;white-space:nowrap}.demo-php-header .ff-topbar .menucontainer a:hover{background:hsla(0,0%,100%,.06);color:#ffbf00}.demo-php-header .ff-topbar .menucontainer a b{color:#ffbf00;font-weight:600}.demo-php-header .ff-topbar #menuitem-user>.menulink{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:12px;text-decoration:none;border:none;background:none;cursor:pointer;padding:0}.demo-php-header .ff-topbar #menuitem-user>.menulink img{width:24px;height:24px;border-radius:50%;object-fit:cover}.demo-php-header .ff-hero{width:100%;background:#111;border-bottom:1px solid hsla(0,0%,100%,.07);padding:24px 40px 28px;box-sizing:border-box}.demo-php-header .ff-hero-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.demo-php-header .ff-hero-left{flex-shrink:0;--tagline-offset:120px}.demo-php-header .ff-hero-logo{max-height:60px;width:auto;display:block}.demo-php-header .ff-hero-tagline{margin:8px 0 0 var(--tagline-offset);font-size:13px;color:#ccc}.demo-php-header .ff-hero-menu ul{display:flex;list-style:none;gap:24px;margin:0;padding:0;flex-wrap:wrap;align-items:center;justify-content:flex-end}.demo-php-header .ff-hero-menu li{position:relative;margin:0}.demo-php-header .ff-hero-menu .hero-menu-label,.demo-php-header .ff-hero-menu>ul>li>a{color:#ddd;text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.11em;padding:8px 0;display:inline-block;white-space:nowrap;position:relative;transition:color .2s ease}.demo-php-header .ff-hero-menu li.open>.hero-menu-label,.demo-php-header .ff-hero-menu>ul>li>a:hover{color:#fff}.demo-php-header .ff-hero-menu li.open>.hero-menu-label:after,.demo-php-header .ff-hero-menu>ul>li>a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffbf00}.demo-php-header .ff-hero-menu li.has-dropdown{display:inline-flex;align-items:center;gap:2px;padding-bottom:8px;margin-bottom:-8px}.demo-php-header .ff-hero-menu .dropdown-toggle-caret{cursor:pointer;padding:0 4px;color:#ddd;border:none;background:none;line-height:1}.demo-php-header .ff-hero-menu .caret{display:inline-block;width:0;height:0;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.demo-php-header .ff-hero-menu .dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:8px 0;margin-top:0;z-index:10003;list-style:none}.demo-php-header .ff-hero-menu .dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}.demo-php-header .ff-hero-menu li.has-dropdown.open .dropdown-menu,.demo-php-header .ff-hero-menu li.has-dropdown:hover .dropdown-menu{display:block}.demo-php-header .ff-hero-menu .dropdown-menu a{display:block;padding:10px 20px;color:#ddd;text-decoration:none;font-size:13px;text-transform:none;letter-spacing:normal;white-space:nowrap}.demo-php-header .ff-hero-menu .dropdown-menu a:hover{background:hsla(0,0%,100%,.1);color:#fff}.demo-php-header .ff-hero-menu .dropdown-menu a:after{display:none}.demo-php-header .ff-hero-menu .dropdown-menu li.has-submenu{position:relative}.demo-php-header .ff-hero-menu .submenu-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-php-header .ff-hero-menu .submenu-label{display:block;padding:10px 20px;color:#ddd;font-size:13px;flex:1}.demo-php-header .ff-hero-menu .submenu-caret{display:inline-block;width:0;height:0;margin-right:12px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #aaa}.demo-php-header .ff-hero-menu .submenu-toggle{display:none}.demo-php-header .ff-hero-menu .submenu-row a{flex:1;padding:10px 20px}.demo-php-header .ff-hero-menu .dropdown-submenu{display:none;position:absolute;left:100%;top:0;min-width:220px;margin-left:0;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:8px 0;z-index:10004;list-style:none}.demo-php-header .ff-hero-menu .dropdown-submenu:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}.demo-php-header .ff-hero-menu li.has-submenu.open>.dropdown-submenu,.demo-php-header .ff-hero-menu li.has-submenu:hover>.dropdown-submenu{display:block}.demo-php-header .ff-hero-menu li.has-submenu.open>.submenu-row,.demo-php-header .ff-hero-menu li.has-submenu:hover>.submenu-row{background:hsla(0,0%,100%,.1)}.demo-php-header .ff-hero-menu li.has-submenu.open>.submenu-row .submenu-label,.demo-php-header .ff-hero-menu li.has-submenu.open>.submenu-row a,.demo-php-header .ff-hero-menu li.has-submenu:hover>.submenu-row .submenu-label,.demo-php-header .ff-hero-menu li.has-submenu:hover>.submenu-row a{color:#fff}