.ro-header{position:fixed;inset-inline:0;top:0;z-index:1000;padding-inline:20px;font-family:Cairo,Tajawal,sans-serif}.ro-header-bar{max-width:1240px;margin:0 auto;padding-inline:34px;display:flex;align-items:center;justify-content:space-between;border-radius:36px;border:1px solid rgba(203,183,163,.5)}.ro-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.ro-header-logo img{width:47px;height:auto}.ro-header-logo span{font-family:El Messiri,serif;font-weight:800;font-size:24px;background:linear-gradient(135deg,#6b5142,#a8824f 60%,#bfa06b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ro-header-divider{width:1px;height:30px;background:#c9a87659;flex-shrink:0}.ro-header-nav{display:flex;align-items:center;gap:8px}.ro-header-link{position:relative;padding:10px 18px;font-size:16px;font-weight:600;color:#4a3526;text-decoration:none;transition:color .25s ease}.ro-header-link:hover,.ro-header-link.is-active{color:#a8824f}.ro-header-underline{position:absolute;bottom:4px;left:16px;right:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6b5142,#a8824f);box-shadow:0 0 10px #a8824f8c;transform-origin:center}.ro-header-actions{display:flex;align-items:center;gap:10px}.ro-header-pill{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#f3e8d8;border:1px solid #C2A06B;color:#2c1f15;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:all .25s ease}.ro-header-pill:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a8824f40}.ro-header-pill i{color:#a8824f;font-size:14px}.ro-header-admin{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#6b442380;text-decoration:none;flex-shrink:0;transition:color .25s ease,background .25s ease}.ro-header-admin:hover{color:#a8824f;background:#c9a87624}.ro-header-admin i{font-size:17px}.ro-header-logo:focus-visible,.ro-header-link:focus-visible,.ro-header-pill:focus-visible,.ro-header-admin:focus-visible,.ro-header-burger:focus-visible{outline:2px solid #A8824F;outline-offset:3px;border-radius:8px}.ro-header-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px}.ro-header-burger span{width:22px;height:2px;background:#4a3526;border-radius:2px;transition:all .3s ease}.ro-header-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.ro-header-burger.is-open span:nth-child(2){opacity:0}.ro-header-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.ro-header-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c1f158c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1001}.ro-header-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(320px,82vw);background:#f8f3ed;z-index:1002;display:flex;flex-direction:column;box-shadow:-20px 0 50px #4c392840}.ro-drawer-head{display:flex;align-items:center;gap:10px;padding:22px 24px;border-bottom:1px solid #E7D8C9}.ro-drawer-head img{width:36px;height:auto}.ro-drawer-head span{font-family:El Messiri,serif;font-weight:800;font-size:18px;color:#2c1f15}.ro-drawer-nav{list-style:none;margin:0;padding:10px 12px;display:flex;flex-direction:column}.ro-drawer-nav a{display:block;padding:14px 12px;border-radius:12px;color:#4a3526;text-decoration:none;font-weight:600;font-size:15px;transition:background .2s ease}.ro-drawer-nav a:hover{background:#f1e8db}.ro-drawer-nav a.is-active{background:#f1e8db;color:#a8824f}.ro-drawer-nav .ro-drawer-lang{color:#a8824f;display:flex;align-items:center;gap:8px}.ro-drawer-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:10px;padding:20px;background:#f3e8d8;border-top:1px solid #E7D8C9}.ro-drawer-actions a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;background:#fff;border:1px solid #E7D8C9;color:#2c1f15;text-decoration:none;font-size:12.5px;font-weight:700;text-align:center}.ro-drawer-actions a i{color:#a8824f;font-size:16px}@media (max-width: 860px){.ro-header-nav,.ro-header-actions{display:none}.ro-header-burger{display:flex}}